Support » Theme: Ignite » Change footer color; change text color

  • Resolved Todd Marchand

    (@tlmarchand)



    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.

    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.