Making product thumbnails bigger.

Site URL: http://www.mistoa.mx/accesorios/p/posavasos-duna

http://www.mistoa.mx/accesorios/p/posavasos-duna

password: 1234

Hi!

I am trying to increase the size of the thumbnails that appear beneath the main product image. They are really small and would love to make them more visible. Is there any way of doing this with CSS?

Thank you!

 Add to Home > Design > Custom CSS

/* thumbnail image bigger */
.ProductItem-gallery-thumbnails-item {
    width: 100px;
    height: 100px !important;
}
.ProductItem-gallery-thumbnails-item img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}

On 10/8/2020 at 4:00 AM, tuanphan said:

/* thumbnail image bigger */ .ProductItem-gallery-thumbnails-item { width: 100px; height: 100px !important; } .ProductItem-gallery-thumbnails-item img { width: 100% !important; height: auto !important; left: 0 !important; }

Hi. I have the same issue however it is not for a "product item". I want to increase the size of the main image as well as the size of the thumbnail images below. Please see the following page, top section.

https://carillon-triceratops-zl6e.squarespace.com/drawings-1

22 hours ago, swvarian said:

Hi. I have the same issue however it is not for a "product item". I want to increase the size of the main image as well as the size of the thumbnail images below. Please see the following page, top section.

https://carillon-triceratops-zl6e.squarespace.com/drawings-1

The image is small. You can upload new big one