Widget transparency

[solidarityapoth]

Hiya, how can I make this sidebar widget not transparent?

I would like it to be white in the background behind the text. But to have a gap between the title and the widgets so the flowers can be visible. I’ve tried other codes from this forum but aren’t working fully. Thanks.

[solidarityapoth]

please can someone reply?

[prakash_s]

Hello @solidarityapoth,

Thanks for writing to us.

To add the background color in the sidebar you can use this custom CSS code under Theme Option —>CSS

.x-sidebar .widget {
background: #ffffff;
padding: 10px 10px;
}

Please feel free to change the padding and color value as per your design.

The purpose of providing custom CSS is 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 or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[solidarityapoth]

Thank you very much that worked. I understand about the css. I’ve not come across default transparency so wasn’t sure what to use. The only other thing that is transparent is the text in the corner below the header bar. Have attached an image. If I can have some code for that I would appreciate it.

[tristup]

Hi @solidarityapoth,

It is not very clear what exactly you want to do with the Breadcrumb shown in the screenshot. If you want to change the color of the Text and the Icon you need to add the following custom CSS code into the Theme Options > CSS.

.x-breadcrumbs a,
.x-breadcrumbs .delimiter
{
    color:#00ff00 !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks