Remove the grey line between the main content and sidebar on WooCommerce single product, cart, and checkout pages and also make the pages fullwidth.
Alternatively you could create templates for all WooCommerce pages using Divi’s theme builder, like a single product template.
[css]
/*** REMOVE SIDEBAR LINE ON SINGLE PRODUCT PAGE ***/
.woocommerce-page #main-content .container:before {
content: none;
}
.woocommerce-page #left-area {
padding-right: 0;
width: 100%;
}
[/css]
Sliders are known to not be great for conversion so I like to find other uses for them because visuals are so important for so many users. The demo site shows a coming soon example as well as an alternate gallery look, both using the navigation dots as text links to...
This code styles dropdown menus on desktop. I'm using the slide effect on the dropdown (in customizer settings) but instead of having it slide in left to right I'm changing it to slide up from the bottom. A bit of space is also added between the header and the...
This code makes the checkout form one-column instead of two and moves the Additional Information section below the Billing Details.NotesThe code should work on any WordPress site, not just those using the Divi theme, but adjustments might be needed.Alternatively you...
0 Comments