Style all blog posts but not other pages

[carlfrie]

Hi there,

I’m trying to do some basic styles for all blog posts, such as padding, background color, etc. I’ve been able to target the blog post content container with .x-main however that is also used on other pages which I do not want the styles applied to. So, how can I style only the blog posts?

My site is behind an ‘under construction’ page, so please message me directly and I will be happy to share a login so you can see what is going on.

Thanks

[jade]

Hi Carl,

If you want the styles to work only on blog posts, prepend your CSS selectors with .single-post.

For example:

.single-post .x-main {
    border: 1px solid #000;
}

The code above will add a 1 pixel black border to the div with x-main class in all the blog posts.

Hope this helps.

[carlfrie]

Fantastic, thank you so much for that.

[nabeel]

Glad we could help.

Cheers!