Hey Fellow Gliders,
I’m trying to change the aspect ratio of a collection and I’m struggling with the CSS.
Can someone help me change the height of the collection images so they remain the same width but increase in height.
the images I’m using are constant and are 447px x 669px. 2:3 ratio.
I’ve attached an image of what I’m currently showing in the UI.
Many thanks,
Mark
1 Like
I assume this is a card collection? What aspect ratio of the card collection are you using?
1 Like
The ratio I’m looking to get is 2:3. Like what’s used for sports trading cards etc
1 Like
I mean for the screenshot you posted above, I assume it’s a card collection. Can you tell me what aspect ratio you’re using for the screenshot (it affects the CSS you would want to use to get 2:3).
1 Like
Here’s a screenshot of the settings I have for the image
1 Like
You can try this.
.card-list-23 .aspect-square {
padding-top: 150%;
}
With card-list-23 being the class name of the card collection.
1 Like
