How to Remove Sidebar from WooCommerce Shop and Category Page

Looking to make category pages full width? There are many posts online that tell you to edit core WooCommerce files. This is not the best practice as there are regular updates to the WooCommerce plugin. When you update the plugin, it will revert back to the page with the sidebar.

Please add this CSS code into Divi > Theme Options > General > Custom CSS field.

#left-area {
padding-right: 0 !important; width: 100%;
}
#sidebar {
display: none;
}
#main-content .container::before {
display: none;
}

Read More

Change No products were found matching your selection background color for WooCommerce

If you install the WooCommerce plugin for WordPress, you may notice some colors do not match your WordPress theme. You can add a CSS over-ride to change the default color here.

Add this CSS code to make the blue background black. 

woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background: #000!important;
}

Read More