Decreasing size of price on the collection page product grid

Shopify Discussion

Topic summary

Issue: Reduce the price text size on the collection page product grid in a Shopify store.

Context: Helpers asked for the store URL and access. The store owner provided www.nightkorp.co.uk with password 330southside.

Proposed fix: Add a CSS rule via Online Store > Themes > Customize > Theme settings > Custom CSS to target price text in product cards: “.card__information .price { font-size: .7rem; }”. This CSS decreases the font size of prices specifically within the product card information area.

Latest update: A helper checked the site and reported the price text is already tiny now, implying the change is applied or the issue has been addressed.

Status: Appears resolved but not explicitly confirmed by the store owner. Next step, if needed: fine-tune the rem value to the desired size or revert if it’s too small.

Summarized with AI on December 16. AI used: gpt-5.
1

Ive tried some solutions ive found online how ever non of them have seemed to work

1 Like
2

Hi, @OXY-ACE

Can you please share the store URL so that I can assist you?

3

Hi @OXY-ACE

Could you share your store link so I can check?

4

Hi, the URL is www.nightkorp.co.uk the password is 330southside, thank you

5

Hi, the URL is www.nightkorp.co.uk the password is 330southside, thanks

6

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.card__information .price { font-size: .7rem; }

But as I have checked, price is tiny on your site now