Change footer color; change text color

  • Resolved Todd Marchand

    (@tlmarchand)


    7 years, 9 months ago

    Hi. I’d like to change the footer color, the text color for page/post titles, and the text color for the body of pages/posts.

    I’m guessing this can be done with Customize > Additional CSS, but I didn’t find pre-made CSS snippets for these. Can you help?

    Also, is there a tutorial or simple instructions for changing a style element with Additional CSS? That is, is it a matter of copying a portion of the CSS style sheet (creating one’s own snippet), adjusting the portion copied, and pasting it in Additional CSS?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey Todd,

    You can use this CSS to make all three of these changes:

    .site-footer {
  background: #cecece;
}
.entry-content {
  color: #cecece;
}
.entry-title,
.excerpt-title a {
  color: #cecece;
}

    The first part is for the footer background, then the post text color, and lastly post/page the titles. I used light gray so you can see it take effect, but you can modify the hex codes to any color you’d like.

    I would recommend writing the snippets rather than copying from the stylesheet. I’ve got a tutorial here that can help you with finding selectors to use. Then it’s a matter of choose the right property like “color” or “background.”

    The Additional CSS section is the best place to add all of this code.

    Thread Starter Todd Marchand

    (@tlmarchand)

    Thanks! Very helpful — I’ll look at the tutorial. Really enjoying the Ignite theme, and having fun customizing it to carry forward my existing branding.

    Theme Author Ben Sibley

    (@bensibley)

    Awesome, happy to help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change footer color; change text color’ is closed to new replies.

Tags