Return to previous page

How to increase Height and width of Variation Swatches on Single Shop Page of Variable Product

This topic has 3 replies, 2 voices, and was last updated 1 years, 8 months ago ago by Kapil Dev

Kapil Dev

Participant

March 4, 2023 at 08:18

Screenshot Attached
There is not any option to increase height and width of variation swatches images on single shop page.

#348827 Copied Theme version: 9.0.4 WooCommerce version: 7.4.1

2 Answers
Tony Rodriguez

Support staff

March 4, 2023 at 08:44
Hello @Kapil Dev,

You can adjust the height and width of the variation swatches on the single product page using Custom CSS.

To do this, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and modify the values as needed.
```
.single-product ul.st-swatch-size-large li.type-image {
    width: 100px !important;
    height: 100px !important;
}
```
Best Regards,
8Theme’s Team
#348840 Copied
Kapil Dev

Participant

March 4, 2023 at 10:08

Thanks

#348860 Copied
Tagged: increase height, increase width, shop page, variable product, variation swatches, wordpress woocommerce
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘How to increase Height and width of Variation Swatches on Single Shop Page of Variable Product’' has been successfully resolved, and the topic is now closed for further responses

How to increase Height and width of Variation Swatches on Single Shop Page of Variable Product

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection