Site logo

Archived topic

widgets

11 replies · Started by Anonymous on November 21, 2014

Viewing posts 1–12 of 12

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?

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?

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.

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!

This archived topic is closed to new replies.