Hello, can someone please assist me with the simple fix to reduce space between lines on my collection page?
My website is www.checkoutfirst.com
I’d like this change to only be applied to the mobile collection page.
Please see attached screenshot for how I’d like it to be.
Visually there is a space though.
How can this be changed?
I see other websites where the text is closer together (as in screenshot)
Your inspect element shows font size is 15.
I don’t think the website is using size 15, but the website is spacing as if size 15 was used?
Nvm, I found it.
It was in Theme Settings > Typography > Letter Spacing from 15px to 12px.
Thank you OSCProfessional!
You can do one thing…
.grid-product__image-wrapper center {
line-height: 1;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
That’s much better. Thank you!
