Font Size on Featured Collection

[bagdonaviciusbm]

How can I increase the font size of the heading on my Featured Collection on the homepage? Currently, the font is really small and hard to read. However, on the product page itself, its a lot larger. Any CSS tips or theme settings adjustments would be appreciated. Thanks!

[GTLOfficial · Accepted solution]

Hello @bagdonaviciusbm 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.

.full-unstyled-link {
font-size: 22px !important;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[niraj_patel]

Hello @bagdonaviciusbm 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .collection .card__information h3.card__heading.card__heading--placeholder.h5 a.full-unstyled-link{
      font-size: 20px !important; /*adjust according to you*/
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[GTLOfficial · Accepted solution]

Hello @bagdonaviciusbm 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.

.full-unstyled-link {
font-size: 22px !important;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[Anshul_arora · Accepted solution]

Hello @bagdonaviciusbm ,

I understand you are looking to increase Font Size of the Product Title in Featured Section

Please add the below code at the bottom of the theme.liquid file before </body> tag and save.

<style>

.card__information h3,h5 {
font-size: 30px !important;
}

</style>

[Please feel free to change the pixel size as per your needs.]

Output -:

I hope it helps.

Please share if you need any further assistance.

Thank you.

[polo_msweb]

Hi there,

To increase the font size of the heading on your Featured Collection on your Shopify homepage, either adjust theme setting or add custom CSS.

Method 1: Adjust Theme Settings

1. Log in to Shopify admin panel.
2. Go to Online Store > Themes.
3. Click Customize on your active theme.
4. Look for typography settings under Sections or Theme settings.
5. Adjust the heading font size if available.

Method 2: Add Custom CSS

1. Log in to Shopify admin panel.
2. Go to Online Store > Themes.
3. Click Actions > Edit code on your active theme.
4. Open the Assets folder and find theme.scss.liquid or theme.css.
5. Add this code at the end:

/* Increase font size for Featured Collection heading on the homepage */ .featured-collection .section-header__title { font-size: 2em; /* Adjust as needed */ }

1. Save the changes.

Hope this would be of help!

[BrainStation23]

HI @bagdonaviciusbm 
You can follow this step to achieve your result 
Go to online store->edit code->base.css file and past bellow code in bottom of the file 

.full-unstyled-link {
font-size: 25px !important;
}