multiple images under eachother with the same size and without outline in product page

motyckaa
New Member
4 0 0

Hello,

I have a small problem with my shopify product page, nothing too serious but I think it should be easy to solve. When I have multiple images on a product page they won’t stack under eachother in the same size. The first picture is the normal size I want but the second one is smaller and weirdly shifted on the left side. In the shopify store editor i use the option: Desktop layout -> Stacked.
Also the images are transparent .pngs but for some reason they have this weird outline.

Is there a way to fix it and have multiple images stacked with the same size underneath each other?

Snímek obrazovky 2024-05-27 v 21.16.03.png

I use the Dawn theme.

 

Shop link: https://4374713074.vision/

Password: rtaipu

Replies 3 (3)

LuffyOnePiece
Shopify Partner
612 87 105

Hi @motyckaa ,

 

Add below css to base.css file.

 

ul.product__media-list li.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    width: 100%;
    max-width: 100%;
}

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
motyckaa
New Member
4 0 0

the code works, the images are the same size! thank you so much!!!

motyckaa
New Member
4 0 0

well it works on desktop, but for some reason it made the phone version shift the image to the right a little bit and now shows that there are 3 images instead of two, but i can only see the two that are uploaded there.

IMG_2816.PNGIMG_2815.PNG

do you know how to solve it please @LuffyOnePiece ? thank you