Changing Footer Widget Background Color

  • Resolved goodwitchkitchen

    (@goodwitchkitchen)


    8 years, 1 month ago

    I somehow managed to change the footer widget area to a darker gray, but it’s too dark now. I’ve replaced the hex color tags with the new color that I want, but it won’t change. I thought I might be forgetting one somewhere but even ctrl+f searching there is no #6d6d6d left in the CSS. How can I fix it?

    https://www.goodwitchkitchen.net

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

  • When I checked your site (8:31pm, Mountain time), I saw that the widget area (the section with a search bar and a place to sign up for something) had a background color of #d7d7d7. Was that the color you are trying to change that background color to? Are you using a caching plugin or is your host caching your site?

    Moderator Kathryn Presner

    (@zoonini)

    I’m seeing the same as Stephencottontail – #d7d7d7.

    I also wanted to make sure you’re aware that you shouldn’t edit the original theme files directly – which is what it looks like you’ve done here – otherwise your changes will be overwritten every time the theme is updated.

    An easy way to add custom CSS overrides is to use the CSS editor included in the Customizer as of WordPress 4.7. Head to Appearance > Customize > Additional CSS to add your custom CSS. I already see some custom CSS in there, but not the footer widget CSS.

    This is what you’d need to add to change the background colour of that area, changing the colour code to whatever you prefer:

    .footer-widget-area {
  background-color: #d7d7d7;
}

    Just let us know if you need further help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Footer Widget Background Color’ is closed to new replies.