Making the font smaller on a collection list - Craft theme

[KittyCreativeCo]

Hi there, I’ve changed back to craft theme because crave just wasn’t doing it for me. I’d like to know if it’s possible to change the font size of the collection list that goes on the homepage, I’ll enclose a screenshot of what the mobile preview looks like and it’s just so big and the white spaces are huge?

This theme isn’t the one I’m using on my live site - I’m making this one in my down time so sharing my URL won’t help.

[Dan-From-Ryviu]

Hi @KittyCreativeCo

Please add this code to your theme.liquid file after of Craft theme to reduce it on mobile only.

[Anshul_arora]

Hello @KittyCreativeCo ,

I understand you are looking to resize the collection heading text in the Home page.

You can make this change with the help of below mentioned CSS code.

Steps -:

1. Go to Online Store → Themes → Click Customize.

2. Now, in the customizer open Collection List option https://prnt.sc/YdB4vkIs9zoW

3. Next, Scroll Down and open Custom CSS section and paste the below mentioned code

@media screen and (max-width: 789px) {
h3.card__heading.card__heading–placeholder {
font-size: 10px;
}
}

[Please feel free to change the px of the font-size.]

I hope it helps.

Please share if you have any query.

Thank you.

[KittyCreativeCo]

Hi! That worked perfectly thank you - do you happen to know how to make the white spaces smaller? I’ve highlighted where I mean

[KittyCreativeCo]

Hi! I went with the other answer on this thread but I was wondering if you knew how to make the white spaces that I’ve highlighted in these screenshots smaller?