Help Resizing Collection Images and Product Page Images CSS

[JLOVE1]

Hello,

I was using an old theme before where I was using CSS code to make my collection pictures bigger and my product page pictures bigger. But this code is not working on my new theme. Does anyone know how can I find the right code to use for my theme? I attached the screen shot of the old CCS code that was working. 

[CafeDelMar]

Hi @JLOVE1.

Please, share the store URL and the code. Would be easier to help.

[JLOVE1]

teeutopia.com

[CafeDelMar]

For the main page, here's how to achieve that:

1) Go to "Online Store"
2) Three dots -> Edit Code
3) Find the theme.css file
4) Add the following code at the bottom of the file
5) Save and refresh the target store page

img.w-full.h-full.object-cover {
    aspect-ratio: 6 / 12 !important;
}

If done correctly, the result should be like this:

Unfortunately, I can't test the product page image as your store doesn't have any products.

I hope this helps!

If you don't want to edit the theme code directly, you can use a code injection app like the one in my signature.

[JLOVE1]

.res-image {
aspect-ratio: 6/9;
}

This is what was working for me before in the CSS field on my older theme. Now on the new theme, i tried so many variations. I cant seem to find one that works.

[namphan]

Hi @JLOVE1,

Please change code:

img.object-cover {
   aspect-ratio: 6 / 12 !important;
}