Horizontal Swatch menu on product page

How can i change the look of my swatch attributes on the product page? Right now i have a lot of colors which resolves in not so user user-friendly look. Is there a way to display the color swatches in a horizontal slider?
Attaching the photo.

Attachments:

You must be logged in to view attached files.

It probably has to do something with flex-wrap, but i have already tried to apply .wd-swatches {flex-wrap:unset!important} but it does not as .wd-swatches {flex-wrap:unset!important} gets rewrited with .wd-swatches {flex-wrap:wrap}

Hello,

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

In case, the problem remains, even after all the plugins are deactivated, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Best Regards

Unfortunately no luck! Can you provide us with a PHP snippet or CSS code to resolve this instead?

Hello,

I have checked and I see you have not enabled and configured the swatches, please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

You will give result like that: https://woodmart.xtemos.com/shop/accessories/smart-watches-wood-edition/

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts