Full width and no borders in woocommerce product page


#1

We can’t seem to find a way to make the product page in woocommerce in full width and with no borders.

We are doing a website with single product pages, so this would look much nicer.

We have done this custom.css:

.woocommerce .content-area {
width: 100%;
}
.woocommerce .widget-area {
display: none;
}

But it does not seem to help.
And the borders are still present.

Please explain carefully how this can be solved.

Our domain is boxme.no

Thank you in advance!


#2

Hi,

Sorry for the delay. I see you managed to make it full width. To also remove the borders add this please:


.woocommerce .site-main {
      border: 0;
}