Product Gallery Thumbnail Size isn’t working.

  • Hello sir I want to make the size of product gallery thumbnails a little smaller. I tried in woocommerce settings but it is just blurring the image and not setting my desired size I want the size to be 50 x 50 I tried to search for the code in CSS where it is max-width and that is not the way to help it. I came to know that each theme has its own size in the theme. kindly tell me where is the code located I want to change the size of my thumbnails and I also want to remove the spacing between these images. Please reply me as soon as possible Thanks.

    Screenshot: https://prnt.sc/gk8mbw

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello,

    1. After setting the size to 50×50 on WooCommerce settings can you confirm that you used the regenerate thumbnail plugin right after? Theoretically, it should work

    2. To remove the spacing between the images, you have to edit this file:
    https://www.simsationalone.com/wp-content/themes/basicstore/assets/css/theme.css

    On line 7680, you have to set padding to 0

    .single-product .flex-control-thumbs > li {
  display: inline-block;
  padding-left: 5px;  /* Set to 0 */
  padding-right: 5px; /* Set to 0 */
}

    Tell me if that works for you

    Thread Starter haseebayaz

    (@haseebayaz)

    Hello sir thanks for a quick reply. I tried to put max-width code again to make the images size small because the images size aren’t working with woocommerce settings. I also set the size of padding to 0 but the space is still there.

    Thread Starter haseebayaz

    (@haseebayaz)

    I tried regenerate plugin but the problem persist.

    Thread Starter haseebayaz

    (@haseebayaz)

    The size of Images are currently 128 x 128 I tried to check with inspect element I think it is default by the theme coders. In woocommerce settings The images are just getting blurred by 50 x 50 with hard crop and even without crop option.

    • This reply was modified 7 years, 5 months ago by haseebayaz.
    Thread Starter haseebayaz

    (@haseebayaz)

    Hello sir, I added the following CSS code in my additional CSS and I got exactly what I wanted. Thanks for your reply. This thread should be marked as resolved. Thanks

    I used the following code to my Additional CSS:

    .woocommerce div.product div.images .flex-control-thumbs li {
    float: right;

    position: relative;
    left: -30%; /* or right 50% */

    height: 50px;
    width: 50px;

    }

    Hello,

    I’m glad it’s working now ??
    See you

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Product Gallery Thumbnail Size isn’t working.’ is closed to new replies.