Shadows for blocks

Hi there,

Try this CSS:

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.52);
}

Hi leo!

That code adds to the blocks of products.

What I want is to add shadow to the entire block of the content of the site as to the sidebar.

Thank you!

So are you only referring to the single product page?

The front page isn't possible as you have a full-width image which is inside the content container.

Hi leo!

I mean the main container and the left sidebar.

Give this a shot:

.site-main, .sidebar .widget {
    box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.52);
    border: 1px solid rgba(0,0,0,.05);
}