Archived topic
how to remove boxed background
9 replies · Started by chris on January 15, 2021
Hello,
When I install this theme quite liked the box effect with a grey background.
It was part of the install theme, however, I since decided that the box looks a bit old fashioned and I would like to remove it. I've tried a few things including just trying to change the background colour but can't see an easy way to do it.
Any help with this would be greatly appreciated
Many thanks
Hi Chris,
Try this CSS:
body .inside-article {
box-shadow: 0 0 0;
}Let me know :)
Thanking you, that seems to have worked really well.
Hi Chris,
Actually I found the CSS that adds the box shadow, it's likely in Additional CSS, if you can find that piece of CSS and delete it, you won't need to add my CSS. The less CSS, the faster the site runs :)
https://www.screencast.com/t/qvfvf9Wqqhp
Ahhh, thanks that makes sense, less bloated code.
thanks
any chance you know how to drop the outlines for all the boxes? thanks ;-)
Looks like I just set border to 0, but is there a setting in the customise section?
Hi there,
the border is being added by this CSS in Customizer > Additional CSS:
.woocommerce ul.products li.product a img, .woocommerce div.product div.images img {
padding: 3px;
border: 1px solid rgba(0,0,0,0.1);
box-sizing: border-box;
}Thanks very much for your help with this
You're welcome
