Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator Kathryn Presner

    (@zoonini)

    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.

    Thread Starter thejulycontrary

    (@thejulycontrary)

    I added that to the child theme but my post heading still shows up black, as seen here.

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

    Moderator Kathryn Presner

    (@zoonini)

    Try this instead to get a little more specific:

    article .entry-header .entry-title {
     color: #bb00bb;
    }
    Thread Starter thejulycontrary

    (@thejulycontrary)

    Hmm… that doesn’t seem to be working either.

    Thanks for your help!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
    }

    Thread Starter thejulycontrary

    (@thejulycontrary)

    Oh yes, I see the difference and unfortunately, I don’t believe that helped either.

    Again, thanks for the help!

    Moderator Kathryn Presner

    (@zoonini)

    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;
    }
    Thread Starter thejulycontrary

    (@thejulycontrary)

    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;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Now do a hard refresh to clear your cache.

    Thread Starter thejulycontrary

    (@thejulycontrary)

    There it went.

    I did a hard refresh previously and it didn’t change so I’m not sure what changed this time!

    Thanks!

    Moderator Kathryn Presner

    (@zoonini)

    Looks good! Glad you’re sorted. 🙂

    Thread Starter thejulycontrary

    (@thejulycontrary)

    Yes, Thanks again for all the help!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Post & Page Title Text Color’ is closed to new replies.