Widget background color (6 posts)

  1. rick111
    Posted 12 months ago #

    Is there any way to change the widget background color?


  2. mattyrob
    Posted 12 months ago #


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

    Posted 12 months ago #

    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;
  4. Andrew
    Nuh uh moderator
    Posted 12 months ago #

    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;


  5. rick111
    Posted 12 months ago #

    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)

  6. tanaylakhani
    Plugin Author

    Posted 11 months ago #


    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


You must log in to post.

About this Plugin

  • Subscribe2
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.