Change product variation icon size

Hi there, I’m wondering if it is possible to increase the size of the variation selection icons on the product page, I’d like these to be twice as large (see reference image)

Attachments:

You must be logged in to view attached files.

Hello,

Please try this CSS:

.swatches-select .colored-swatch, .swatches-select .image-swatch {
    width: 45px;
    height: 45px;
}

Add this CSS to Theme Settings > Custom CSS, change the values as per your needs.

Best Regards

This worked, thank you so much Elise

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

Best Regards

[Author]

Posts