forgot to provide you with an URL, here it is https://caribwaterplay.com/shop/materiel-nautique/windsurf/greement-windsurf/voiles-windsurf/loftsails-oxygen/
same issue if I try to have image as variation instead of color
forgot to provide you with an URL, here it is https://caribwaterplay.com/shop/materiel-nautique/windsurf/greement-windsurf/voiles-windsurf/loftsails-oxygen/
same issue if I try to have image as variation instead of color
—
Hello Lucas,
Thanks for reaching out to us.
Please put the below CSS at Appearance > Customize > Additional CSS
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
padding: 2px !important;
}
Please let me know if it resolves your issue.
Thanks
thanks for the quick answer but sadly, it did not
The only way I found to get the color/image showing was by adding padding to .variable-item-contents span.variable-item-span but it’s not filling or being constrained by the block
WAIT,
I just saw that I had some custom CSS messing with the swatches display. Removed it and it all work.
My bad and thank you for the help
Hi Lucas Marot,
Could you record me reproducing your issue using a tool like this? https://www.useloom.com
It helps me to quickly figure out the issue.
Thank you
Hi Lucas Marot,
I just saw that I had some custom CSS messing with the swatches display. Removed it and it all work.
Yes, you have a custom CSS and I had to override that by using padding: 2px !important;
Glad to know your issue is resolved.
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
will do as soon as I remember my wordpress.org account!
Hello Lucas Marot,
Thank you so much. Will wait for your review 🙂
I am closing this ticket as resolved. If you have any other issues don’t hesitate to create a new one.
Thanks
Variation colors showing blanks
Lucas Marot
Hi,
I’m trying to use color variations for the swatches but without success.
I’m using global settings and have filled the colors hex however I’m only getting blanks on product pages.
I’ve tried added the following custom CSS that I saw on another support ticket with the same issue, but it didn’t work either.
.variable-item-contents span.variable-item-span {
display: block !important;
}
The color variations do show up when adding some padding but it’s not contained by the block.
I guess it’s only a matter of CSS but what’s missing?
Thanks