How to change heading font sizes only in blog posts

Store Design
1

Hello,

I’m struggling to make my blog post headings with the proper H2, H3, etc. tags. However, when I do that,

the headings get progressively smaller.

I ONLY want to make this change within my blog posts and not affect any other part of my site.

Here’s an example of what is happening. The top heading is H2, the next one down is H3. I’d like the font size to remain the same for each of those headings.

I am using MINIMAL theme in my website: TheWaterCanShop.com

Thank you for any guidance!

Lynda

LyndaH1_0-1650105300045.png
LyndaH1_0-1650105300045.png728×462 32.9 KB

1 Like
2

@Linnea641

yes, please try this way

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.template-article h2 {
    font-size: 30px;
}
.template-article h3 {
    font-size: 24px;
}
1 Like
3

Hi KetanKuma,

Do I continue the same code should I need an H4, etc?

thanks!

4

Also, it doesn’t seem to work with my other blog posts. I will go back and check the headings but the font also is not working. It should be Josefin Slab but it’s showing as just bold paragraph.

1 Like
5

@Linnea641

yes, current some code use other heading