Want To Add Extra Images Per Product Variations? Download This Free Plugin

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

Tanvirul Haque

Hakik Zaman

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

Lucas Marot

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

Lucas Marot

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

Hakik Zaman

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

Hakik Zaman

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

Lucas Marot

will do as soon as I remember my wordpress.org account!

Hakik Zaman

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