Minimal: Resizing image for Collections on homepage

New Member
2 0 0

Hi - Hope someone can help. Dont have a cs background so probably having a hard time doing this easy thing.

My URL is:  www.balloonsonthego.com

 

My question: Under collections section - my images are not of showing with the same size. Can I edit the code in a way so that no matter what image size I put, it maximizes it to a certain limit. 

 

The expecation is to have all images / thumnails under collection section to be of the same size (width and height)

 

balloonsonthego.png

0 Likes
New Member
2 0 0

just to add - i do understand that the aspect ratio needs to be the same for the pic to have the same size.

But I have a over a 100 products that I need to put up - if I end up changing aspect ratio for each manually it would probably take a long time.

 

So hoping if there is a way to do it from the code to limit the max height and width of the pic in the collection section?

0 Likes
Excursionist
23 1 2

set the container in css max-width:?px; max-height: ?px; 

for an example:

<div class="ct" style="max-width:400px; max-height:400px; or width:400px; height:400px;">

 

<img class="trapped" style="width:100%; height:auto;">

 

</div>

 

1 Like