The product images in a featured collection displayed on my home page don’t align with each other. Some align with each other, some don’t and it creates an odd stair case kind of thing.
The first two look aligned, but the rest aren’t. Here’s another example of them not aligning:
I’m using the Dawn Theme Version 11.0.0
Hi @ssnkrplug
Could you share with me the URL and Password page? I will help you check it.
Thank you.
Hey @ssnkrplug
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
URL is: https://789ea0.myshopify.com/
Page PW is: sutraw
URL is: https://789ea0.myshopify.com/
Page PW is: sutraw
Hey @ssnkrplug
This seems to be the issue of your product image sizes because currently on your website the product images that you have uploaded are not the same size this is why they’re not appearing in the same row. I suggest you to change your pictures size and upload them into the same size as others.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @ssnkrplug
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
img.motion-reduce {
min-height: 100px !important;
object-fit: contain !important;
}
}
.card__inner.color-background-2.gradient.ratio {
height: 119px !important;
}
Currently it may be equal but as you can see the sizes of the images are not equal, so you need to upload images of the same size for it to display better.
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hi there,
Thank you for your response! Is there any way to leave the images as they are and change the grey parts in the image below to white?
Hey @RichardLarg
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
Currently the code cannot fix it, need to re-upload the above images
