fbpx
Enjoy Year-End Sale: 50% Off All Plugins! Coupon Code: NewYear2025

Variation swatches are vertical instead of horizontal

Guy Abelsohn

Hey,

I have been using your plugin for a while and all of a sudden the variation swatches on the product single page changed to be vertical instead of horizontal.
Check out the loom –
https://www.loom.com/share/520a1f3a9dfb4ea7ba764bb4de3cbd88?sid=3c259964-32be-4c85-978a-5f23b78f7f85
I’d like it to be horizontal, same as it used to be before.

I had the same issue 3 weeks ago.
Can you please write the code and I’ll add it?
I just updated the plugins and seems like the code disappeared. Thanks.

Golam Kibria

Hi Guy,

First, you must understand that the width comes from your page builder.

Our plugin does not play any role here. You can verify this by deactivating our plugin.

Anyway, please add the following CSS to the customizer (Appearance > Customize > Additional CSS):

.woocommerce form.cart .variations {
width: 100% !important;
}

th.label,
td.value.woo-variation-item-wrapper{
display: block;
}

.single .variations th.label{
text-align: left;
padding-left: 0;
}

Let me know if this helps.

Thank You

Guy Abelsohn

Thanks you.
How do I remove the grey background behind the filters?

I understand that it comes from Elementor but it strange as I never had this issue before when using your plugin.

Golam Kibria

Hi Guy,

We are sorry for the inconvenience.

Do you have them if you deactivate our plugin?

Thank You