Venue theme photos

[shannonr2]

I'm using Venue theme. I would like to be able to resize the photos on my collections pages. Right now the photos are too large. I have used some of the image resizers and the images are being resized behind the scenes but somewhere in the theme code I think the size is being defined for the collection image sizes because on this page, no matter how I resize it, the images sizes stay the same here. Here is a sample page I am just playing with: https://shescomfy.com/collections/pet-gifts . I would like those to be more like 250 x 250 each. Is anyone able to help?

Thanks!

Shannon

[dmwwebartisan · Accepted solution]

Hi

add code assets/theme.scss.liquid bottom of the file

.product__img.product__img{max-height: 250px !important; max-width: 250px !important; margin: 0 auto;}
.product-top {max-height: 250px; max-width: 250px; margin: 0 auto;}

Hope this will work for you.



Thanks!

[shannonr2]

THANNNKKKK YOU!!! That worked!

[dmwwebartisan]

Please do like and accept as solution. That will cost of our time :)

[shannonr2]

I liked and accepted I hope that helped?

Follow up question: Is there a way or code to allow for more than 3 items per row? Or is this an app I need to install to allow for more than 3 products going across and different spacing?

Thanks again

[dmwwebartisan]

I can do that but email me your staff account details.

[GlassHeather]

Hi!

I would also like to resize my images but haven't worked with the code before. How does this work?? Where would I paste it? Will this change the size of pre-existing and future posted photos?

Thanks for your help

Heather

[Sybil]

Wow! Just awesome and I really like these colorful shots, thanks.