hello, i would like to make my collection list images bigger on desktop:
this is my website, i would like it to look like this:
where it looks more stretched out.
my website is www.antico-abito.com , theme is dawn
Topic summary
A user wants to increase the size of collection list images on their desktop site (www.antico-abito.com, using Dawn theme). They provided screenshots showing the current smaller image layout and their desired stretched-out appearance.
A solution was provided involving custom CSS:
- Navigate to Shopify admin → Online Store → Themes → Customize
- Access Theme Actions → Edit code
- Locate the custom.css, theme.css, or base.css file
- Add the CSS snippet:
.card--standard .card__inner { --ratio-percent: 170% !important; } - Adjust the percentage value to achieve the desired image size
The discussion appears resolved with a concrete implementation guide, though no confirmation of successful application has been posted yet.
1 Like
Hey, I made a guide for you to add this to your theme:
Steps to Follow:1. Access Your Theme Editor
- Go to your Shopify admin
- Click on “Online Store” → “Themes”
- Find your active theme and click “Customize”
- Add Custom CSS
- In the theme editor, click on “Theme Actions” (the three dots ••• in the top-right corner)
- Select “Edit code”
- Look for your custom.css file (Or theme.css, or base.css)
- Add this code:
.card--standard .card__inner {
--ratio-percent: 170% !important; /* adjust this number as you want it */
}