The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Need CSS Positioning Help, and Top Posting Users Widget

4 posters

Go down

Solved Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight October 29th 2015, 12:52 am

I installed a skin from hitskin.com, but I wish to customise it more to fit the theme of my forum. While playing with the CSS, I must have messed up something.

My first problem is that the author name is positioned to the left:

Need CSS Positioning Help, and Top Posting Users Widget OHV24tS

I want it to be centered like the thread title and date/time are. I can't figure out which part of the code I need to change to fix that. The comments don't help either, they're in Spanish I can't read nor understand it.

My second problem, is that the word sticky and the symbol is overlapping the title of the thread:

Need CSS Positioning Help, and Top Posting Users Widget M1c6S8N

My third problem (hopefully my last, so I don't have to continue editing this post) is the Top Posting users section, doesn't seem to have the bar graph appear:

Need CSS Positioning Help, and Top Posting Users Widget FcvgIAF


Last edited by Elisabeth McNight on October 30th 2015, 8:22 pm; edited 6 times in total
Elisabeth McNight
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by SLGray October 29th 2015, 2:17 am

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


Need CSS Positioning Help, and Top Posting Users Widget Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight October 30th 2015, 5:28 am

Bump
Elisabeth McNight
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Wealh October 30th 2015, 7:56 am

"ELISABETH MCNIGHT View latest post"

There is a invisible "View latest post" at the right of the author name.

Code:
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
  display: inline-block;
}

Sticky:

Code:
ul.topics dd.dterm, ul.topics dt {
  display: inline-flex;
}

Symbol:

Code:
ul.topics li.row dd.posts::after {
  content: "Respuestas";
}

Top Posting Users:

Administration Panel > Display > Pics manegement > Advanced Mode

Edit "Vote bar - Left", "Vote bar - Center" and "Vote bar - Right".
Wealh
Wealh
Forumember

Posts : 69
Reputation : 6
Language : English

http://boredom.iftopic.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight October 30th 2015, 9:40 am

@Wealh

Thank you, but now I'm having this problem:

Need CSS Positioning Help, and Top Posting Users Widget JRphbgN

And where do I change the "Veces Visto" (which I assume means Views)?
Elisabeth McNight
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Ange Tuteur October 30th 2015, 10:34 am

Hi @Elisabeth McNight

1. Add this CSS to your stylesheet :
Code:
dd.lastpost span.color-groups { float:none; }

2. For the second problem add this CSS also :
Code:
.span-tab {
  position:static;
  float:left;
}

a.topictitle {
  margin:0;
  display:inline;
}

ul.topics dd.dterm, ul.topics dt {
  display:block;
  text-align:left;
}


3. Do you have an image set for the poll ?
Admin Panel > Display > Pics management > Advanced > General / Explore > Vote bar : Left | Right | Center
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Wealh October 30th 2015, 5:52 pm

Elisabeth McNight wrote:@Wealh

Thank you, but now I'm having this problem:

Need CSS Positioning Help, and Top Posting Users Widget JRphbgN

And where do I change the "Veces Visto" (which I assume means Views)?

Code:
ul.topics li.row dd.views::after {
  content: "Veces visto";
}

Also, try this:

Code:
.span-tab {
  left: initial;
  margin-left: 5px;
}

Code:
a.topictitle {
  display: inline;
  margin-left: auto;
}

Need CSS Positioning Help, and Top Posting Users Widget 2211 Need CSS Positioning Help, and Top Posting Users Widget 3210
Wealh
Wealh
Forumember

Posts : 69
Reputation : 6
Language : English

http://boredom.iftopic.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight October 30th 2015, 7:38 pm

@Wealh and @Ange Tuteur
Is there a way to shirt the Replies/Views over to the side where it says Replies and Views? Align the author name to the topic title?

Need CSS Positioning Help, and Top Posting Users Widget Ql75LNH

I appreciate the help and sorry for all the questions, I'm a newb at CSS Need CSS Positioning Help, and Top Posting Users Widget 1f605

Elisabeth McNight
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Ange Tuteur October 30th 2015, 8:15 pm

Here, add this rule to your stylesheet :
Code:
ul.topics li.row dd.posts, ul.topics li.row dd.views {
  position:static;
  text-align:center;
  width:8%;
}

That should reset its position.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Elisabeth McNight October 30th 2015, 8:22 pm

Thank you very much for the help Need CSS Positioning Help, and Top Posting Users Widget 1f604
Elisabeth McNight
Elisabeth McNight
New Member

Female Posts : 22
Reputation : 2
Language : English

http://hogwartsswwroleplay.forumotion.com/

Back to top Go down

Solved Re: Need CSS Positioning Help, and Top Posting Users Widget

Post by Ange Tuteur October 30th 2015, 8:36 pm

You're welcome ^^

Topic archived

Have a good weekend. Beer
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum