Widget background

acswilde · Member · Apr 25, 2016 at 2:59 pm
Copy link

Add topic to favorites
Hi Guys,

My widgets always get this faint blue background and I wanted to change it from blue to gray like my page’s background. Do you know how to do this?

BLOG

Many thanks!
thesacredpath · Member · Apr 25, 2016 at 9:09 pm
Copy link
Hi there, this will make the background of your widgets the same grey as you have set for your site background.
```
.widget-wrapper {
    background-color: #efefef;
}
```
acswilde · Member · Apr 26, 2016 at 7:47 pm
Copy link
Awesome Sacredpath, thank you so much! Do you know how I take out the borders as well?
thesacredpath · Member · Apr 26, 2016 at 8:20 pm
Copy link
You are welcome, and to remove the border on the widgets, add the following to the CSS rule I gave you above.
border: none;
acswilde · Member · Apr 26, 2016 at 8:34 pm
Copy link
Almost there, there’s just a very faint border now (widgets at the bottom of the page): https://cswilde.com/ : D
thesacredpath · Member · Apr 26, 2016 at 8:46 pm
Copy link
I don’t see the border declaration in your CSS rule. I see this
```
.widget-wrapper {
	background-color: #efefef;
}
```
and it needs to be this
```
.widget-wrapper {
	background-color: #efefef;
        border: none;
}
```
acswilde · Member · Apr 27, 2016 at 5:10 pm
Copy link
Awesome it worked! : D Thanks Sacredpath!
thesacredpath · Member · Apr 28, 2016 at 12:37 am
Copy link
Hooray and you are welcome. :)

No items found.