Full width and no borders in woocommerce product page

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!


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;