Reduce the size of the "recommended products" header on dawn theme

Store Design
, , ,
1

Id like to reduce the size of the recommended product heading on dawn theme by 30%.

2

Hi @Montique

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:
.product-recommendations__heading {font-size: 20px !important;}

Regards,

San

3

Hi @Montique

This is Richard from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

h3.card__heading.h5 {

font-size: 20px !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

4

@PageFly-Richard this one didnt seem to work… it changed my product titles

maybe it is not an H3?

5

Can you send me a screenshot where you want to change the font size?

6

@INA_MSWEB this works if i change to: .related-products__heading {
font-size: 18px !important;
}

many thanks!

7

Hello @Montique ,

To get this fixed, you can add a custom code in your base.css file.

For your convenience, we have provided the steps and code.

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save.

.product-recommendations__heading {

font-size: calc(var(–font-heading-scale) * 3rem);

}

Note: If you want to increase or decrease font size, change the 3 to 4rem value

Hope this was helpful. If you face any further issues, please do not hesitate to contact our experts.

All the best,

CedCommerce