Change Sidebar Widget Area Background Color

  • I am wanting to change the color of the background of the widget/ sidebar area, and I am not sure how to do that. I had a custom code with the color under Custom CSS, but for some reason it is no longer there. Could you please help me with the correct code? If you need the blog url it is https://romancewithabook.com/. I would appreciate your help.

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

  • Try by going to Appearance > Customize > Additional CSS and put the following in there. Save and refresh:

    
.widget_search, .widget_facebook_likebox, .widget_text {
    background: #dddddd;
    border-top: 1em solid #ffffff;
}

    border-top: 1em solid #ffffff; will create a while line separator between two widgets.

    Let me know if this helps.

    Screenshot with above CSS rule in action: https://prntscr.com/ejph8h

    • This reply was modified 7 years, 8 months ago by Subrata Sarkar. Reason: Added screenshot

    Hi,

    Please check theme options
    Appearance -> Theme Options -> Styling -> Slideshow & Widgets Area -> Disable Widget Content Boxed Background (Uncheck this box)

    
.widget-content{
    background: #F6F6F6; //you want to it
}

    Thank you

    Hi everyone! I am having a similar issue!

    On my site (https://conventionsouth.com), the sidebar is appearing with white and grey stripes behind it. If there is not an active widget, it appears as white, but when I add a widget, it shows the stripes.

    • This reply was modified 7 years, 4 months ago by KHB92.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Sidebar Widget Area Background Color’ is closed to new replies.