Shopify themes, liquid, logos, and UX
No matter how I do it, I cannot set the size of the images so that all images are the ‘same’ size without something being cut off.
How do I change this?
The text should be on one level, the pictures should just be smaller, instead of being cut off
Hi @JonasDialga please share your store url
There are several ways but the easiest way is to use a standard size. For example, if all the images you upload to your site have the same dimensions (i.e. 1080 x 1080) then they will be the same size on the page. You can either upload them all the same size or you can resize them once they are in Shopify. If you use Shopify's resize tool, it can distort the images sometimes in order to make it fit in the dimensions you specify, it's best to do it before you upload them.
Hi there @JonasDialga I suggest that you
Try this -
Go to the online store > theme > Edit Code >Assets >theme.scss.css >add code in this file.
.grid-product__image-mask .image-wrap { padding-bottom: 100% !important; }
Let me know if this works for you!
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025