- This topic has 11 replies, 2 voices, and was last updated 6 years ago by Tom.
November 21, 2014 at 5:08 pm #48084Brian
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?November 21, 2014 at 11:56 pm #48128TomLead DeveloperLead Developer
Let me know 🙂November 22, 2014 at 1:14 pm #48281Brian
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.November 22, 2014 at 1:17 pm #48282TomLead DeveloperLead Developer
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:
You want the “ID” of the widget.November 22, 2014 at 1:58 pm #48285Brian
No such luck. Here is what I pasted into custom css:
}November 22, 2014 at 2:04 pm #48286TomLead DeveloperLead DeveloperNovember 22, 2014 at 2:19 pm #48298Brian
The second one Donations= Hope and the last one “Popular Posts”
Thanks for all the help.November 22, 2014 at 2:44 pm #48312TomLead DeveloperLead DeveloperNovember 22, 2014 at 3:35 pm #48338Brian
I can email you a screen shot of what I did.November 22, 2014 at 3:51 pm #48364Brian
Fi you send me a blank email, I will send you the screen shot.November 22, 2014 at 4:14 pm #48378TomLead DeveloperLead DeveloperNovember 23, 2014 at 1:29 pm #48572TomLead DeveloperLead Developer
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.
- You must be logged in to reply to this topic.