On my website I have three blog pages (page A, B, and C) and want to change the way the post title is displayed on page B while not altering how it's displayed on page A and C. I have already used some CSS to change the background color on page B independent of the other pages:
#collection-517ff34ae4b01d30b4a0ffd3 { background: #a6a6a6; }
How do I change the font color of page B alone?
Ideally, I don't want the post title to display at all on page B but I can settle with changing the post title's font color to be the same as the background. I've tried putting in CSS to not display the post title but it causes my site logo to not display as well. I believe the issue stems from the fact that the site logo and post title are both 'h1'.
I am very new to CSS so any help on this issue would be appreciated, thanks! :)
EDIT:
I managed to separate the site logo and the post title with this css code to get the post title to not display:
#collection-517ff34ae4b01d30b4a0ffd3 h1.entry-title, { display:none; }
However the issue is now that the background color and post title css alterations that I've used only change the style layout for the root page; I.e. what it looks like on www.domain.com/pageB - the css alterations don't persist all the way through when you go deeper into the sitemap. So when I open an actual blog post url (e.g. www.domain.com/pageB/2013/05/03/blog-post) the original background color will display and the post title will still show - meaning the css change didn't apply to that page. Is there a way to make the css stick all the way through?