Shopify Dawn - Change size of Collection Heading

Shopify Discussion
1

Hi there, in Shopify dawn how do I change the font size of the main Heading on the Featured Collection section and the Multicolumn section, cheers

2

Hello @seanyd

This needs to be customized via CSS. It is better for you to share the specific page URL to take a further look here. Thanks.

3

Hi,

Using custom css will help
CSS example

/* Change font size for Featured Collection heading */
.featured-collection .title-wrapper-with-link {
  font-size: 36px; /* You can change 36px to any size you like */
}

/* Change font size for Multicolumn section heading */
.multicolumn .title-wrapper-with-link {
  font-size: 32px; /* Change size as needed */
}
4

Hi @seanyd,

Please go to Customize > Sections > Multicolumn > Custom CSS and add code:

.title {
   font-size: 2rem;
}

You can also change the font size as you like.

5

Hi Namphan, this worked a treat - thank you. Btw do you happen to know of a way to reduce the gap between the title and the multicolumn image. When I reduce the font the gap gets bigger, cheers

6

Hi @seanyd,

Please add code:

.multicolumn .title-wrapper-with-link {
    margin-bottom: 2rem;
}