Good Evening !
I need help with maximizing my images size (height and width ) along with making them the save size. 1st image is my website. 2nd image is what I want it to look like.
can you please remove white spacing in image and upload that it
hello @ForeverDivine
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
can you please remove the white spacing in the image so it looks same height and same width images and insert below code for shown full size of images
.collection .products .thumbnail img {
max-height: 100%;
width: 100%;
}
hello @ForeverDivine
please insert that code bottom of theme.liquid
.collection .products .thumbnail img { max-height: 100%; width: 100%; }
1 Like
That still didn’t work
hello @ForeverDivine
I see already that images are bigger https://nimb.ws/YpDJI1
1 Like
An issue here is the images your showing have different aspect ratios.
product images in your websites screenshot are thinner,taller, or wider than others.
Which are then in turn different than those show in the site you want them too look like which uses a consistent aspect ratio.
You want to solve this by making the images themselves more consistent not by jumping through hoops in your theme trying to force consistency after the fact.
Fixing the images to be consistent also means you get consistent look on other channels like facebook.
Either use an external tool to do them in bulk or use the image editor to size them all down to a common aspect ratio
https://help.shopify.com/en/manual/shopify-admin/productivity-tools/image-editor
Those 2 were already big