I would like to make my thumbnails on product pages bigger and placed on the left site

[Antoninias]

My theme is prestige and my website is www.antoninias.com

[oscprofessional]

@Antoninias
Hii,
Can Your Requirement for this type ?

[LitCommerce]

Hi @Antoninias ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media screen and (min-width: 1008px) {
	.Product__Gallery--stack .Product__SlideshowNav--thumbnails {
		width: 115px !important;
	}
}

Hope it helps!

[Antoninias]

it worked thank you soo much! Do you perhaps know how to get rid of the black border that is applied on the image as well? I would like the style to be more minimal.

[LitCommerce]

Hi @Antoninias ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.Product__SlideshowNavImage.is-selected {
    border: none !important;
}

Hope it helps!

[Antoninias]

amazing, is it possible to use the opacity effect like the image attached bellow?

[Antoninias]

[LitCommerce]

Hi @Antoninias ,

Please add code here:

Code:

.Product__SlideshowNavImage.is-selected {
    border: none!important;
    opacity: 0.6;
}

Hope it helps!

[Antoninias]

it worked perfectly, thank you so much!=)