Swatches Alignment on Archive Page

Hi Martin,

Thanks for reaching out to us. I have added the below CSS at Appearance > Customize > Additional CSS

/* GetWooPlugins Support */
.woo-variation-swatches .variable-items-wrapper {
justify-content: center;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):first-child {
margin-left: 4px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):last-child {
margin-right: 4px;
}

Can you please check and let me know if it resolves your issue or not.

Thank You

Hi Martin,

I have changed the code at Appearance > Customize > Additional CSS

/* GetWooPlugins Support */
.woo-variation-swatches .archive-variable-items.variable-items-wrapper {
justify-content: center;
}
.woo-variation-swatches .archive-variable-items.variable-items-wrapper .variable-item:not(.radio-variable-item):first-child {
margin-left: 4px;
}
.woo-variation-swatches .archive-variable-items.variable-items-wrapper .variable-item:not(.radio-variable-item):last-child {
margin-right: 4px;
}

Please check now and let me know if it resolves your issue or not.

Note: Don’t forget to clear your cache like- Browser Cache, Caching Plugin Cache, and Server-Side Cache (If you have any)

Thank You

Hi Martin,

Glad to know it worked.

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