Sidebar Stylizing

Hey! I’ve been attempting to put a white, rounded background behind my widgets. I’ve figured it out for the most part - but I’m struggling with getting a background to appear behind my text widget.

This is what I have right now:

.textwidget {
background-color: #fff;
}

.widget ul li
{
background-color:#ffffff !important;
}
.widget > ul, .widget > div
{
background-color: transparent !important;
}

The two seem to work separately. But for some reason, the two seem to cancel each other out. Any tips on why they aren’t working together?

Hi Cassidy,

Thanks for reaching out!

I guess your question is related to your other posts and it was already answered.

Hope that helps.

Thank you.

Hey thanks! And yes it fixed that, but I started a new thread because of the new issue haha.

Everything works fine besides the text widget, which I’d like to add a background to. I’m not sure what I’m doing wrong but somewhere along the way Only the widget backdrops are showing up.

It looks like this: https://tinyurl.com/yerm9zc6

Hello Cassidy

To add the background colour on the text widget you need to add this custom CSS code under X/Pro—>Theme Option —>CSS.

div#text-2.widget_text {
background: #f0f0f0;
}

Please feel free to change the background colour code as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

Thank you for the help! It’s appriciated!

Hello Cassidy,

Glad that we were able to help you. Please feel free to reach if you have any query regarding our theme and theme settings.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.