thread index css

[Trover]

So I'm trying to add some padding to the thread index to the right of the individual posts. How would I go about doing this?

 

[steel_curtain]

Can you post a screenshot or provide a link?

 

[Trover]

Yeah sure, look at the main page of my site http://epoint.me/. I'm trying to add some padding to the right of replies/views etc.

 

[steel_curtain]

Try adding this to extra.css adjust padding to your liking.

.discussionList .statsLast {
padding-right: 10px;
}

 

[Trover]

Thanks! I was trying to edit it directly in the template and for some reason that wasn't working.

 

[Trover]

I have another question, would you know how to keep it always x pixels away from the sidebar?

 

[Paul B]

Try this.

margin-right: {xen:calc '@sidebar.width + 10'}px;

Actually, that may not work if it's inside the main content div (I haven't checked your site).

 

[Trover]

Yeah brogan it is.

 

[steel_curtain]

It can be positioned that way, but depends how you want to achieve that. The stats area you're adding padding to sits inside the mainContent div, which has a right margin of 260 px from the right side of the main container. So, say you want to move it to the left X pixels you increase the right margin, or decrease if you want to move it closer.

 

[Trover]

.mainContent {
margin-right: 270px;
}

So I tried with this, and It works to some degree, but what I am really trying to do is prevent overlap when I make the browser screen smaller or use a computer with a lower resolution etc.

 

[steel_curtain]

You have some odd settings with your margins and what have you, but adding this to extra.css should achieve the desired effect. Tested in chrome and firefox.

.sidebar {
    margin-left: -25px !important;
}

 

[Trover]

Thanks for the help! It's still a little bit weird, but it fixed the overlap!