MODIFY blog title size and custom font on blog text

Store Design

Topic summary

A user seeks CSS customization for their Shopify blog, specifically wanting to:

Primary Goals:

  • Center the blog title
  • Reduce title size
  • Apply custom fonts (Tusker Grotesk 3800 Super Medium) to blog text

Solutions Provided:

GemPages support offered CSS code to be inserted before </body> in theme.liquid for initial styling adjustments.

Another contributor (ExpertRookie) provided @font-face declarations to add custom fonts via section-blog-post.css, including:

  • Tusker Grotesk 3800 Super
  • Rene Bieder Galano Grotesque Bold
  • URW Grotesk Cond ExtraLight

Current Status:

The user reports the font solution only affects the title, not the body text. The title centering issue remains unresolved. The discussion is ongoing with the user still seeking a working solution for centering the blog title and applying custom fonts to the main blog content.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

Dear all at this page

https://lumiyaskin.com/blogs/notizie/dorothy-and-sirya-the-innovative-eyepatches-and-serum-that-will-remove-your-eye-fatigue-signs

I need to have more control on blog text in particular:

  1. center the title

  2. reduce the title size

  3. change custom font on text

Thank a lot for you help.

2

Hello @Ereki84

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

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :

You can add custom font to the above css if you want.

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like
3

That’s magical thanks!!
but how can I put a custumized font on text of the blog. I sue grotesk super medium 3500 in page fly

4

Hi @Ereki84
To change the font-family
You can try follow this path:
Themes => edit code => asset => section-blog-post.css
and add this code to bottom of the file section-blog-post.css

@font-face {
        font-family: 'TuskerGrotesk 3800Super';
        src: url(https://cdn.shopify.com/s/files/1/0643/5579/5202/files/TuskerGrotesk-3800Super.woff2?v=1667409479);
      }@font-face {
        font-family: 'Rene Bieder Galano Grotesque Bold';
        src: url(https://cdn.shopify.com/s/files/1/0643/5579/5202/files/Rene_Bieder_-_Galano_Grotesque_Bold.woff?v=1668551182);
      }@font-face {
        font-family: 'URW Grotesk Cond ExtraLight';
        src: url(https://cdn.shopify.com/s/files/1/0643/5579/5202/files/URW_Grotesk_Cond_ExtraLight.woff2?v=1671889717);
      }
.article-template__title {
font-family: "TuskerGrotesk 3800Super";
}
5

Hello thanks a lot, but this change only the font of the title, not the blog text…

6

This seems not to work.

I need at least to center the title of the blog, do you know how to do it please?

https://lumiyaskin.com/blogs/blog-dark-circles

thanks