I have a mixture of different ratios within my CMS collection (namely 4:5 and 1:1) I would like everything to appear as 1:1 on the page and then show the full ratio when someone clicks the image.
Is this possible to do within CMS and the grid function?
Here is my public share link
@JosephGMedia, I think you will benefit from @Finsweet’s CMS Library.
Thanks for your response but the link doesn’t offer a solution to what I’m requesting in my question.
@JosephGMedia , I apologize for my previous response. I assume you are looking to have perfect square boxes for your collection list items? If that is the case, this has been covered in a previous forum post, linked below:
This issue not related to grid or flexbox.
Try this (great and simple trick)
Add image (Better than background image (SEO/Site speed))
Link block Remove min-height/width (From all breakpoints)
Wrapper - padding-top: 100%; position: relative;
Text absolute (Like this the wrapper declare the height of the div)
Remove background (We use image element):
Done Put any image size …
Hope this helps!
Yes but as my question states this needs to work with lightbox functionality.
“then show the full ratio when someone clicks the image.“