Shopify Venture theme: making the product thumbnails bigger and square, almost there!

Store Design
1

Hi guys! please I’m almost there!

I was able to make the thumbnails exactly as I wanted them by adding the following code to the theme.scss.liquid:

.product-single__thumbnails-product-template {
      width: 120px !important;
    height: 120px !important;
  }

But then, the arrow went up on top of the image, I’m at the end of my rope, this got too advanced for me.

https://www.dropbox.com/s/qw4kptfz2vzm763/Arrow.png?dl=0

Please does anyone know how to put the arrow back where it was? :disappointed_face:

2

@CluelessA

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi @KetanKumar ,

Thank you, I noticed you are famous here!

No sorries needed! I have fun figuring out how to alter the code myself, just, of course, I hit walls such as these.

My url is https://www.abysm-internal.com

Thank you really in advance,

4

@CluelessA

Thanks for your update and compliment

do you have fixed? also do you need same as attachment?

5

No I haven’t fixed it, sorry for the confusion.

The url I passed is the live site.

The code I wrote and the attachments are made on a duplicate site, I test it there before putting it on the live site.

When I use that code it looks like the right part of the image, but the arrow gets on top, and that’s what I don’t know how to fix.