Change header font size to be smaller in Ride theme

[Shumpei]

I was wondering if I could get help on reducing the font size for ALL main headings to be about 70% of the current size? I'm using the Ride theme and the website is www.100pinekitchen.com

[GemPages · Accepted solution]

Hello @Shumpei ,

It's GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
h1.collection-hero__title {
    font-size: 3.5rem !important;
}
</style>

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[GemPages · Accepted solution]

Hello @Shumpei ,

It's GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
h1.collection-hero__title {
    font-size: 3.5rem !important;
}
</style>

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[Shumpei]

@GemPages Thank you for the help! I knew your customer service for your app was great, but this really helps. One more thing, if I wanted to do the same thing for the following pages, how am I able to find the name of these?

• https://www.100pinekitchen.com/blogs/recipes
• https://www.100pinekitchen.com/blogs/inspirations
• https://www.100pinekitchen.com/policies/shipping-policy
• https://www.100pinekitchen.com/policies/terms-of-service
• https://www.100pinekitchen.com/policies/privacy-policy

[GemPages · Accepted solution]

Hello @Shumpei ,

Thank you for your feedback.

About these blog pages, you could please try using this code

<style>
h2.title.h1 {
    font-size: 3.5rem !important;
}

.shopify-policy__title h1 {
    font-size: 3.5rem !important;
}
</style>

Best regards,
GemPages Support Team

[Shumpei]

@GemPages This is exactly what I was looking for. Thank you so much!!