How to change font and font size for blog posts only - in Prestige Theme

Store Design

Topic summary

Goal: change blog-only typography in the Prestige theme without affecting other pages.

Key steps and clarifications:

  • OP provided a specific blog URL and an example showing a desired body size around 18px.
  • Scope clarified: adjust body text size; keep existing heading sizes but increase H2 weight to ~600.

Solution offered (CSS in assets/theme.scss.liquid):

  • Set blog article body text size: .template-article .Article__Body.Rte { font-size: 17px !important; }
  • Increase heading weight (implemented for H3): .template-article .Article__Body.Rte h3 { font-weight: 600; }
  • This targets only article templates (blog posts), preventing changes elsewhere.

Outcome:

  • OP confirmed the CSS worked for their needs.
  • Another participant reported it was helpful and easy to apply.

Most recent development:

  • A new participant asked for help to change blog text size; no response yet.

Notes:

  • Screenshots and a visual example link were used to communicate desired size.
  • The provided code snippet is central to the resolution.

Status: largely resolved for the original request; thread remains open due to a new unanswered request.

Summarized with AI on January 9. AI used: gpt-5.
1

Hello,

I’m trying to change the font / font size of “Blog” posts in the Prestige Theme, without changing the font / font size elsewhere (i.e. product pages, home pages, etc.). I was hoping someone could help me with the right code to make this change, since I’m not well-versed in coding. On the other hand, if there’s a method that doesn’t involve coding, that’d be even better!

Thank you,

Esteban

1 Like
2

@estebanlau

Please provide your blog post URL and a screenshot that which text font size you would like to change.

That will be helpful.

3

Blog post URL: https://kizaruknives.com/blogs/news/best-5-tips-to-sharpen-your-knife-from-a-master-chef

This would be a good font size: https://snipboard.io/x8uogB.jpg. It’s a 18px size.

Hope this helps!

1 Like
4

@estebanlau

Is this font size you would like to change?

blog-font-size.jpg
blog-font-size.jpg1033×428 54.8 KB

These are different heading first one is H1 and the others H2 and H3. Please let me know.

5

The body font size is what I need to change. The font size of the headings are good like that, but I’d like to increase the font-weight of the H2 to around 600.

Thank you!

Esteban

1 Like
6

@estebanlau

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-article .Article__Body.Rte .Rte h3{
font-weight: 600;
}
.template-article .Article__Body.Rte{
font-size: 17px !important;
}

Let me know if this works.

Thanks!

1 Like
7

Yes, that did the trick. Thank you so much!

1 Like
8

Thank you so much! So helpful and easy! :grin:

9

Hi! I am trying to change the text size in my blogs. Can you please help me? Thanks!