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

Swatches Location

Mandy Fischer

Hello,

I seem to be having issues aligning the color swatches correctly on my site.

https://kathaliving.com/product/gable-sample/

password: kathaliving

As you can see, the swatches are inline with the color label and I need them to be underneath. I’ve tried a few css changes to no avail. Can someone help me with this issue?

This is what I need it to look like:

FireShot Capture 2265 - Gable - Katha Living - kathaliving.com.jpg

 

Thank you!

 

 

 

Hakik Zaman

Hi Mandy,

Thanks for reaching out to us. Please place the below CSS at Appearance > Customize > Additional CSS

.woocommerce div.product .dfw-1-add-to-cart form.cart .variations tr {
   flex-direction: column;
}

Then let me know if it resolves your issue or not.

Thank You