1:1 card design?

[Kobber]

Hi,

I have 20+ images that I want on a page, and I had the idea that I would use the card element, so that when you hover or click, there would be a description to the image - and in some cases a link.

The images are 1:1 aspect ratio (ex. 800x800) but since it’s not possible to set a height within the card element, it will crop the images.

Is there some workaround here so that the card element will respect the size/ratio of the image?

[nabeel]

Hi @Kobber,

Thank you for reaching out to us, You probably need to turn off the Retina option under Primary Graphic Image section of the Card element (see screenshot)

I uploaded an image with the dimensions of 920x920 and the aspect ratio was maintained even in different screen sizes. If you’ve a link to page where you’re having issue then please share it with us so we can take a look.

Thanks!

[Kobber]

Perfect @nabeel. Just what I was looking for.

I made that mistake, that I used bg image instead of primary graphic image, but now it works perfect.

[marc_a]

Hi Kobber,

We’re glad that it is now working on your end! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.