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

Problem with swatches horizontal align

Avshy Shuer

Hi,

The swatches going vertical and not horizontal.  (Hello theme.)

I found this solution in one of the tickets:

Please add the following CSS at Appearance > Customize > Additional CSS

.variations .value>ul {
   display: flex;
}

 

didn’t work for me, any other idea?

Link:

https://chubu.co.il/shop/uncategorized/%d7%a1%d7%98-%d7%9e%d7%9b%d7%97%d7%95%d7%9c%d7%99-%d7%92%d7%95%d7%9e%d7%99-%d7%9e%d7%a2%d7%a6%d7%91%d7%99-%d7%a6%d7%91%d7%a2-5-%d7%99%d7%97

 

Thanks!

Hakik Zaman

Hi Avshy,

Thanks for reaching out to us. Each theme has its unique issue. So that CSS may not work for you.

The issue is coming from the Elementor. Please add the following CSS at Appearance > Customize > Additional CSS

.woocommerce.woo-variation-swatches form.cart .variations{
   width: 100% !important;
}

I hope this will resolve your issue. By the way, we really get excited & honored when you use our plugin on your site.

If you found my support helpful, could you please leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5

Your rating keeps us inspired.

Thank You

Avshy Shuer

Ok, it worked well for me.

Thank you very much for the quick help!

Hakik Zaman

Hi Avshy,

Thank you so much for your kind words.

Have a great day! Please feel free to open a new ticket if you need help with our plugins.

Thank You