Get rid of borders

[Anonymous]

I am trying to get rid of the raised shadow effect around the content.

For example, if you go here https://tizzime.com/blog you will see that there you will see that the main content and the content on the sidebar is all enclosed in what looks like a raised piece of the page. I like this look, but I want to see how everything would look just being free without the shadow raising.

Thanks

[Anonymous]

To clarify, I am looking to just have a white background without the shadows.

[Anonymous]

Hi guys, did you receive the previous posts? It’s been about 2 1/2 weeks. Thanks.

[Axle Support]

Hello @belton

Sorry that we have missed your queries, because of the notification issue.

Here is a CSS fixing for you just go to Customizer -> Additional CSS and paste the following css to get ride of shadow.

#primary .site-main article {
    box-shadow: none !important;
}

.sidebar .widget {
    box-shadow: none !important;
}

Regards
Support Team

[Anonymous]

This worked great. But, it didn’t get rid of the shadows on my WooCommerce ‘SHOP’ Page.

[Axle Support]

Hi,

Here you can just add this CSS on your Customizer -> Additional CSS section

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    box-shadow: none !important;
    background: none !important;
}

If you just want to remove box shadow use.

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    box-shadow: none !important;
}

Hope this will solve your problem.

Regards
Support Team

[Anonymous]

HI,

These did not work for me.

[Anonymous]

The sidebar doesn’t have the shadow but the main content area with the products still does.

[Axle Support]

Hi @belton

Please use this CSS to hide box shadow at Woo-Commerce pages.

.woocommerce div#primary #main {
    box-shadow: none;
}

Please let us know if you need further help.

Thank you.

[Author]

Posts