H2 Page Titles - Styling Only for Blog

toddo · #1 10-25-2012, 07:02 PM

I would like to add a separate style for the H2 page title tags in my blogroll and blog pages, than the style I have for the rest of my pages. I thought that identifying it in CSS by .page-id-53 h2 would work but it didn't. Can anyone help?

SoZo · #2 10-25-2012, 11:55 PM

Please include a link to your site with all questions.

toddo · #3 10-26-2012, 10:55 AM

Here's the link: http://www.originalginger.com/blog/

SoZo · #4 10-26-2012, 10:58 AM

That page doesn't have a body class of .page-id-52. These are the body classes
<body class="page page-id-29 page-template page-template-page_blog-php header-image full-width-content">

toddo · #5 10-26-2012, 11:09 AM

Yes, I did use the correct page id - I was just giving an example in my previous post. The CSS is not working for me. I'm obviously doing something wrong. I wanted to change just the H2 title margins and just on the blogroll and post pages. An example of the code I tried:

Code:

.page-id-29 h2 {
	margin: 10px 0px 15px 51px;
}

Hmmmm, maybe a cacheing issue because now I see some change...

SoZo · #6 10-26-2012, 12:31 PM

So you're all set then?

toddo · #7 10-26-2012, 02:55 PM

I still can't figure out how to also adjust the margin on the post title when you click the post through to it's own page if that makes any sense...

SoZo · #8 10-26-2012, 03:14 PM

The title on the single post page is wrapped in h1 tags not h2 tags.

toddo · #9 10-26-2012, 03:45 PM

So how do you accomplish that given that every single post has it's own separate page. We have over 50 posts. Is there a way to style all post page h1 titles in a certain way without affecting the h1 title everywhere else on the site? Appreciate your help with this by the way..

SoZo · #10 10-26-2012, 03:57 PM

"single" is a body class applied to all single pages

toddo · #11 10-26-2012, 05:12 PM

Thank you.

SoZo · #12 10-26-2012, 06:18 PM

You're welcome

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode