Need CSS Positioning Help, and Top Posting Users Widget

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:



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:



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:

Bump

"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

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



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

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

Elisabeth McNight wrote:@Wealh

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



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;
}

@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?



I appreciate the help and sorry for all the questions, I'm a newb at CSS

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.

Thank you very much for the help

You're welcome ^^

Topic archived

Have a good weekend.