Docs

[michele]

Hi, I wondered if this was possible?
I used the code

aside.x-sidebar.right {
background-color: #fff;
padding: 10px;
}

to make the background of the widget area white – but what I would rather achieve would be for the widgets themselves to have a background of white, rather than the whole sidebar area? And if possible achieve the same shadow effect that is on the main page. Is this possible?

Here is the page for you to have a look, I am using the integrity theme with child theme activated.

http://www.bestofourshire.com/places-to-eat/

Many thanks for your help as always
Michele

[michele]

Hi, Update – I think it is fine as it is really, so ignore the question about making each individual widget white – but I would still like to know if it is possible to create a shadow around the sidebar area, like the main page?

Thank you
Michele

[Rue Nel]

Hello Michele,

Thanks for writing in! Glad you have figured out the issue in your site.
And to create a shadow around the sidebar area, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-sidebar {
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
    border-radius: 4px;
}

http://prntscr.com/ay4os3

Hope this helps. Kindly let us know.

[Author]

Posts