Problem with dropdown attribute swatches

Hi guys,

I have a problem with variation products, there is a big space gap between the title of the attribute and the option. I don’t why.

https://signali.ca/produit/danger-fragile-roof/
I will prefer something with no gap or in 2 columns like the default theme (the option next to the attribute)

like this : https://woodmart.xtemos.com/shop/accessories/wooden-bow-tie-man/

Thanks a lot !

Francis

Hello,

Thank you very much for choosing our theme and for contacting us.

The layout of the drop-down with variation depends on the product page design. https://gyazo.com/fda7a68fce99b7a8b4aefcbc7f1d14cc You need to chose “Default” in the Theme Settings > Product page.

Please consider the options provided here, the attributes may be not only swatches but text as well. https://xtemos.com/docs/woodmart/variable-products-swatches/

Alternatively, we can reduce this gap with custom CSS.

Best Regards

It’s already to default in theme setting > product page.

I change the forms style for rounded, who it’s better, but I really want the title and the choice in the same row like your demo.

If I change the swatches for juste text, I have the same issue.

Can it be something else ? Or there is a custom Css to make the magic ?

Thanks a lot !

Hello,

Please provide your site admin access to the private area.

Best Regards

Hey,

there he is !

Thank you

Hello,

You need to disable this option https://prnt.sc/v53p30

I have set it, please check now.

Best Regards

Hi Elise,

You’re amazing, thank a lot !

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts