How do i reduce the size of font on the home page of collection list - Brooklyn theme

Store Design
1

How do i reduce the size of the font on the home page - collection list - brooklyn theme. please help with this.

Thanks in advance.

jasdrape_1-1668679241263.jpeg
jasdrape_1-1668679241263.jpeg461×563 30.5 KB

2

Hi @jasdrape

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Kind & Best regards,
GemPages Support Team

3

Hi, Thanks,

The font size is good in the desktop version.. but in the mobile version its very big.. and also in the other places where this font is used the size is reducing except the collection list title on the home page

4

Hi @jasdrape ,

I would like to give you some recommendations to support you.

Please go to Online Store > Themes > click 3 dots button > Edit code > Theme.liquid and add code above the tag on the file Theme.liquid.

*Note: You can change 15 to any number to font could display theo the size you want.

Hope my recommendation can support you.

Kind & Best regards,
GemPages Support Team.

1 Like
5

Hello @jasdrape ,

Add this code below of Online store >> Edit code >> Assets >> theme.scss

.collection-grid__item-title {
font-size: 30px!important;
}

@media(min-width: 280px) and (max-width: 767px){
.collection-grid__item-title {
font-size: 18px!Important;
}
}

1 Like
6

Thanks a lot!! Its working

7

Hi @jasdrape

I am so glad that my suggestion solution can help you :grin: .

Kind & Best regards,
GemPages Support Team.

1 Like