Changing color of footer

  • Hi there,

    Right now my footer is a charcoal color. How would I go about switching that to something a bit brighter like a yellow or blue?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • @surf4444

    If you don’t already have a Child_Themes or the theme offers nowhere to put a custom css, then you should install a plugin like Jetpack then add the following to the custom css area… adjust the ff6600 accordingly

    .site-footer {
    background-color: #ff6600;
}
    Thread Starter surf4444

    (@surf4444)

    Thanks! Do you know how to change the font color in the footer? If I go with a light yellow the font then becomes washed out.

    Moderator Kathryn Presner

    (@zoonini)

    color is the CSS property for text colour. The exact element to target depends on what type of widgets you have in your footer. This should cover most of the text as well as links:

    .site-footer, .site-footer a {
  background-color: #EDED6F; /* change to your selected yellow shade */
  color: #000000; /* change to your desired text colour */
}

    If you need to target additional elements in your footer beyond these, please provide a link to your site so we can take a look directly.

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