Change Sticky Post Colors

  • piratesjv

    (@piratesjv)


    7 years, 6 months ago

    Hey everyone, hoping to get some help with CSS for our site with sticky posts. How can i change the background color, headline font color, and main text color in our sticky post. Thanks in advance! (BTW- I have very little CSS coding skills). The site is http://www.navao.org

Viewing 2 replies - 1 through 2 (of 2 total)
  • CrouchingBruin

    (@crouchingbruin)

    7 years, 6 months ago

    Add these three rules to your child theme’s style.css file:

    
/* Sticky Post Background color */
.home .type-post.sticky {
    background-color: #9acd32;
}
/* Sticky Post Headline color */
.home .type-post.sticky .entry-title a {
    color: #ffffff !important;
}
/* Sticky Post content color */
.home .type-post.sticky .entry-content {
    color: #333333 !important;
}

    Unfortunately the theme uses the !important clause unnecessarily, so I had to use it as well. The values shown are what’s currently in effect. If you need help with the hex codes for colors, you can use this color picker.

    piratesjv81

    (@piratesjv81)

    7 years, 6 months ago

    ahh that did it. thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Sticky Post Colors’ is closed to new replies.