Hello, as seen in the picture one of the product image is smaller than others on the product category page. How to fix it? thanks in advance
Topic summary
A user encountered inconsistent product image sizing on their collection page, where one product thumbnail appears noticeably smaller than others.
Proposed Solutions:
- One responder requested the store URL to diagnose the specific issue
- Another provided a CSS fix targeting the card wrapper ratio:
- Navigate to Online Store → Themes → Edit code
- Locate the
base.cssfile - Add CSS code setting
--ratio-percent: 177.77777777777777% !importantto the.card-wrapper.product-card-wrapper .card__inner.ratioselector
Status: The discussion remains open with no confirmation whether the CSS solution resolved the sizing inconsistency. The proposed fix forces a uniform aspect ratio across product card images, though the specific percentage value may need adjustment based on the theme’s design requirements.
you can send the url store, i will check and show to you how to solved the issue.
Hi @sanyabajaj , to make the about page header transparent, you can follow these steps:
Step 1: Open Online Store → Themes → Edit code
Step 2: Find base.css file
Step 3: Paste this code at the bottom of the file
.card-wrapper.product-card-wrapper .card__inner.ratio {
--ratio-percent: 177.77777777777777% !important;
}
If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 