Change font size of collection list title debut theme

Store Design
1

Hi there,

I was wondering how I am able to change the font size of the title of a collection list on the home page.

See: www.biervaneigenbodem.nl

collection list.jpg
collection list.jpg1151×377 56.5 KB

Right now the text does not fit into the collection list title.

Do you know how to fix this?

Theme is debut.

Kind regards,

Wouter van der Meer

2

@WoutervdMeer

Go to assets/theme.css and paste below css at bottom of file. I added 16px of font size. You can set whatever you need.

.collection-grid-item__title
{
font-size: 16px !important;
}
3

Hi and welcome!

Add this to the bottom of your theme.css file:

.collection-grid-item__title.h3 {
    font-size: 16px !important;
}

Change the value to the desired font size :slightly_smiling_face:

4

Hey @WoutervdMeer ,
Welcome to the Shopify community!
You can follow the instruction below:
please add this to your CSS file.

.collection-grid-item__title.h3 {
    font-size: 17px !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman

5

That works perfectly! One other question: how can I make the font size smaller for mobile/tablet?

6

Thank you for the quick response, it works. Do you also know how to change the font size for mobile/tablet?

7

Sure thing!

@media only screen and (max-width: 749px) {

.collection-grid-item__title.h3 {
    font-size: 12px !important;
}
}