Make Divi WooCommerce Pages Fullwidth and Remove Sidebar Line

May 8, 2023

Updated Jan 2024

Remove the grey line between the main content and sidebar on WooCommerce single product, cart, and checkout pages and also make the pages fullwidth.

Notes

Alternatively you could create templates for all WooCommerce pages using Divi’s theme builder, like a single product template.

CSS Code

/*** REMOVE SIDEBAR LINE ON SINGLE PRODUCT PAGE ***/
.woocommerce-page #main-content .container:before {
    content: none;
}
.woocommerce-page #left-area {
    padding-right: 0;
    width: 100%;
}

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.