Post & Page Title Text Color
-
You can modify the single-post and page title colour by adding this CSS to your child theme:
.entry-header .entry-title { color: #bb00bb; }
You can use any colour code you like.
I added that to the child theme but my post heading still shows up black, as seen here.
Try this instead to get a little more specific:
article .entry-header .entry-title { color: #bb00bb; }
Hmm… that doesn’t seem to be working either.
Thanks for your help!
Instead of this:
.entry-thumbnail { margin: -40px 0 40px -40px; width: 720px; background: transparent; article .entry-header .entry-title { color: #999999; }
Do this:
.entry-thumbnail { margin: -40px 0 40px -40px; width: 720px; background: transparent; } article .entry-header .entry-title { color: #999999; }
Oh yes, I see the difference and unfortunately, I don’t believe that helped either.
Again, thanks for the help!
I’m not seeing the new CSS in your child theme – did you remove it? If so, could you please try adding it back so I can take a look directly?
This is what I see now:
@import "../singl/style.css"; .page-header, .page-content, .hentry { background: none repeat scroll 0 0 transparent; box-sizing: border-box; margin: 0 auto 40px; max-width: 720px; padding: 40px 40px 20px; position: relative; } .page-id-14 .entry-title { display: none; } .page-id-12 .entry-title { display: none; } .page-id-23 .entry-title { display: none; } table.cnss-social-icon { margin: 0 auto !important; } .entry-thumbnail { background: none repeat scroll 0 0 transparent; margin: -40px 0 40px -40px; width: 720px; }
Currently, this is what I have in my child theme.
@import url("../singl/style.css"); .page-header, .page-content, .hentry { background: none repeat scroll 0 0 transparent; box-sizing: border-box; margin: 0 auto 40px; max-width: 720px; padding: 40px 40px 20px; position: relative; } .page-id-14 .entry-title {display: none;} .page-id-12 .entry-title {display: none;} .page-id-23 .entry-title {display: none;} table.cnss-social-icon {margin: 0 auto!important} .entry-thumbnail { margin: -40px 0 40px -40px; width: 720px; background: transparent; } article .entry-header .entry-title { color: #999999; }
Now do a hard refresh to clear your cache.
There it went.
I did a hard refresh previously and it didn’t change so I’m not sure what changed this time!
Thanks!
Looks good! Glad you’re sorted. 🙂
Yes, Thanks again for all the help!
- The topic ‘Post & Page Title Text Color’ is closed to new replies.