Archived topic
widgets
11 replies · Started by Anonymous on November 21, 2014
I love what you do on this page, how the top widget has a white background and the next two are blue. How do I customize background colors for widgets?
This should help: http://generatepress.com/forums/topic/style-sidebar-widgets-individually/#post-44788
Let me know :)
I would need a bit more info than this. Is there any more links you can provide. I was confused by where I would paste that code.
That code would go into your CSS - there's a link in my signature below to a CSS plugin.
You would also have to replace the "6" in that code to the ID of your widget.
You can find the ID by right clicking on the widget in Chrome, and "Inspecting Element".
You'll see something like: <aside id="text-xx"...
You want the "ID" of the widget.
No such luck. Here is what I pasted into custom css:
#text-2 {
background: #1e72bd;
color: #FFF;
padding: 0;
}
Can you link me to your site and let me know which widget you're targeting?
http://www.aplithelp.com/category/blog/
The second one Donations= Hope and the last one "Popular Posts"
Thanks for all the help.
I'm not seeing that CSS anywhere in your site - are you sure you saved the custom css?
I can email you a screen shot of what I did.
Fi you send me a blank email, I will send you the screen shot.
You can email me at support@generatepress.com.
Seems you were using two different custom CSS plugin and they were conflicting.
Since you already had Jetpack's custom CSS plugin enabled, I deactivated the one I suggested and moved the CSS over to "Appearance > Edit CSS" - it seems to be working as it should now.
Thanks!