fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Design problem

Pietro Jori

Hi, After upgrading wordpress to the latest version I have noticed some design problems with the woocommerce swatches

As you can see here https://www.cosmetrica.com/categoria-prodotto/creme-viso/ the color swatches are not centered and they are supposed to be before the ADD TO CART button

Also in the product page they have just disappeared https://www.cosmetrica.com/prodotto/crema-antirughe-effetto-lifting-50ml/

How can I solve it?

Thank you

Hakik Zaman

Hello Pietro,

Thanks for reaching out to us. You were using Muffin Swatch from your theme option page.

Please check your product details page- https://www.cosmetrica.com/prodotto/crema-antirughe-effetto-lifting-50ml/

Before checking don’t forget to clear your cache of browser and caching plugin.

As you can see here https://www.cosmetrica.com/categoria-prodotto/creme-viso/ the color swatches are not centered and they are supposed to be before the ADD TO CART button

I have added the below CSS to your Theme options > Custom CSS & JS > CSS

.mfn-li-product-row-button, .mfn-li-product-row-button {
   display: flex;
   flex-direction: column;
}

Please check this link also- https://www.cosmetrica.com/categoria-prodotto/creme-viso

Let me know if it resolves your issue.

Thanks