Custom CSS only sometimes affects end-result

[lrprlauren 0]

I have entered a new definition for <h2> in custom CSS. This works great on all the pages. It does not work on the Blog page. Can anyone please help me resolve this issue? Thanks CSS Code used in Custom CSS: ` h2 { font-size:22px; font-weight:Bold; line-height:21px; margin-bottom:10px; color: #c13100; text-align: center; } `

[timlinson 3]

Can you post a link? It might need more selectors on the blog page like `.blog h2 {` or more.

[lrprlauren 0]

Yep. Compare this page: http://lrpr.com/about or http://lrpr.com/client-list with the blog which is here: http://lrpr.com/everybodyneedsapublicist. Did I miss something?

[lrprlauren 0]

Forgot to say: The second title on the about page and on the client-list page are h2.

[timlinson 3]

Oh ok, I think the problem is that the blog page headers have a link inside, but the others don't. Try changing: `h2 {` to: `h2, h2 a {`

[lrprlauren 0]

PERFECT! Thank you! Can you explain why this worked so that I can understand it for any other similar problems that might arise? Thanks.

[cmunns 16]

The style in the original theme probably had `h2 a` thus it is more specific than simply h2 because the a tag is nested inside of the H2 http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

[timlinson 3]