Home Forums Support widgets

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #48084
    Brian

    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?

    #48128
    Tom
    Lead Developer
    Lead Developer
    #48281
    Brian

    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.

    #48282
    Tom
    Lead Developer
    Lead 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: <aside id="text-xx"...

    You want the “ID” of the widget.

    #48285
    Brian

    No such luck. Here is what I pasted into custom css:

    #text-2 {
    background: #1e72bd;
    color: #FFF;
    padding: 0;
    }

    #48286
    Tom
    Lead Developer
    Lead Developer

    Can you link me to your site and let me know which widget you’re targeting?

    #48298
    Brian

    http://www.aplithelp.com/category/blog/

    The second one Donations= Hope and the last one “Popular Posts”

    Thanks for all the help.

    #48312
    Tom
    Lead Developer
    Lead Developer

    I’m not seeing that CSS anywhere in your site – are you sure you saved the custom css?

    #48338
    Brian

    I can email you a screen shot of what I did.

    #48364
    Brian

    Fi you send me a blank email, I will send you the screen shot.

    #48378
    Tom
    Lead Developer
    Lead Developer

    You can email me at support@generatepress.com.

    #48572
    Tom
    Lead Developer
    Lead 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.

    Thanks!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.