Viewing 5 replies - 1 through 5 (of 5 total)
  • @rick111,

    Yes, you’d do this with your CSS and some div tags around the shortcode or the right class name in the Widget settings.

    Hi rick111,

    please go into your current active themes and open the style.css file
    and find the below code. there is one property “background-color” where there is defult color. So now remove that “rgba(247, 245, 231, 0.7)” and place new color code which you want.

    .widget {
    	background-color: rgba(247, 245, 231, 0.7);
    	font-size: 14px;
    	-webkit-hyphens: auto;
    	-moz-hyphens:    auto;
    	-ms-hyphens:     auto;
    	hyphens:         auto;
    	margin: 0 0 24px;
    	padding: 20px;
    	word-wrap: break-word;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    .widget {
        background-color: red;
    }

    http://www.w3schools.com/cssref/css_colornames.asp

    Thread Starter rick111

    (@rick111)

    Thank you all so much. I just want to change the background color of just the subscribe2 widget and make it black instead of white, not all of them in my theme (old twenty ten)

    @rick111,

    as mattyrob mentioned, you can do with css.

    When you add widget to the site, there is a field that says “div class name”. Just add class name and create custom css class in your theme’s style.css file

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