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

Varations swatches displaying vertically

Vindeep Singh

Hey, I use the free version of Variation Swatches for Woocommerce. I use Astra Theme. The swatches are being displayed vertically on the product page and I’m unable to fix it. I want them to be displayed horizontally. Just to mention, I have already enabled “Enable default stylesheet” option in the settings of the plugin and I also tried using the custom CSS code you provided to someone else in another previous ticket related to this topic, I inserted the code correctly under Appearance>Customize>Custom CSS, but still nothing works. I have uploaded an image and provided you the link for reference( the issue is on all product pages by the way).

 

vertical issue.PNG

Link: https://bikemelon.com/product/addmotor-cybertron-c350-folding-electric-bicycle/

Hakik Zaman

Hello Vindeep,

Thanks for reaching out to us. We are sorry for your inconvenience.

Please put the below CSS to your Appearance > Customize > Additional CSS and hit the Publish button-

.single table.variations {
   width: 100% !important;
}

Please let me know, if it resolves your issue.

Thanks