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.

https://thejulycontrary.com/2014/08/big-show-announcement/

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!