• Resolved alyxmaz

    (@alyxmaz)


    I want to change the widget background color. I am using a child theme and am using firebug. I am trying to change it to white to match the site background.

    This is the main theme’s css:

    .widget {
          background-color: rgba(247, 245, 231, 0.7);
    }

    I’ve tried changing it to

    widget {
          background-color: #fff;
    }

    but with no success. I’ve also tried it in rgb and rgba. Could something else in the main theme be overriding my changes or am I trying to change the wrong thing?

    I don’t have a cache plugin to turn off.
    http://ornamentdesigns.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Looks like you forgot the period in front of widget.

    .widget {
          background-color: #fff;
    }

    Thread Starter alyxmaz

    (@alyxmaz)

    Oops. You are right batharoy. I did for get the period, but it was just a typo here on the forum. In my child theme style sheet it is corret. Exactly as you typed above. I double checked.

    May have to clear browser cache, it did work in Chrome DevTools.

    Looks like you’ve got a malformed comment on line 225 (right below 6.0 Sidebar) of your child theme’s CSS. Deleting that extra / from that line should do the trick.

    Thread Starter alyxmaz

    (@alyxmaz)

    Yes! That was it. Thank you so much stephencottontail.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Widget area background color’ is closed to new replies.