Return to previous page

How to increase variation image size on shop page and product page?

This topic has 3 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Kstb1979

Kstb1979

Participant

October 10, 2022 at 12:34

Thumnail size is appears too small on shop page. How do i increase it.

https://drive.google.com/file/d/1mvLFVu2nMDopdo02O4aTUIrK6Xsdo0-q/view?usp=sharing

#336120 Copied Theme version: 8.3.2 WooCommerce version: 6.9.2

2 Answers
Rose Tyler

Support staff

October 10, 2022 at 14:16
Hello,

Add the next custom CSS code in Theme Options > Theme custom CSS:
```
ul.st-swatch-size-normal li.type-image {
    width: 35px;
    height: 35px;
}
.single-product ul.st-swatch-size-large li.type-image {
    width: 45px !important;
    height: 45px !important;
}
```
Regards
#336136 Copied
Kstb1979

Participant

October 10, 2022 at 17:07

Thanks tony for support. resolved

#336162 Copied
Tagged: image size, increase variation, product page, shop page, templates, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘How to increase variation image size on shop page and product page?’' has been successfully resolved, and the topic is now closed for further responses

How to increase variation image size on shop page and product page?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection