Search for Divi WooCommerce Layouts Documentation

Search for answers or browse our knowledge base.

< All Topics

How to align the DWE wishlist icon with the product layout?

To display the wishlist icon before the add to cart button on the product page, use the following CSS in theDivi theme options.

.dfw-32-add-to-cart .woocommerce-variation-add-to-cart {
    display: flex;

.dfw-32-add-to-cart .woocommerce-variation-add-to-cart .dwe_wishlist_button_wrapper {
    margin-right: 20px;

Replace the layout number in CSS with the product layout number you are using.