Shopify themes, liquid, logos, and UX
My theme is prestige and my website is www.antoninias.com
Solved! Go to the solution
This is an accepted solution.
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!
This is an accepted solution.
Hi @Antoninias,
Please add code here:
Code:
.Product__SlideshowNavImage.is-selected {
border: none!important;
opacity: 0.6;
}
Hope it helps!
@Antoninias
Hii,
Can Your Requirement for this type ?
This is an accepted solution.
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!
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.
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!
amazing, is it possible to use the opacity effect like the image attached bellow?
This is an accepted solution.
Hi @Antoninias,
Please add code here:
Code:
.Product__SlideshowNavImage.is-selected {
border: none!important;
opacity: 0.6;
}
Hope it helps!
it worked perfectly, thank you so much!=)
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024