Solved

Debut : changing the font size of h2 tag only on the blog page

yunonon
Shopify Partner
8 1 10

I am using the theme "Debut".

h2 tag is smaller than h3 tag. I want to change the css of h2 tag only for the blog.

What should I do?

If possible, I would like to apply my own CSS only to the blog CSS, not just the h2 tag.

スクリーンショット 2021-07-03 9.12.29.png

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Asset > theme.scss.liquid and paste this at the bottom of the file:
.template-article article h2{
font-size: 20px !important;
}

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 5 (5)

dmwwebartisan
Shopify Partner
12279 2546 3693

@yunonon 

Please share your store blog URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
yunonon
Shopify Partner
8 1 10
dmwwebartisan
Shopify Partner
12279 2546 3693

@yunonon 

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

body.template-article h2 {
    font-size: 22px !important;
}

This works for blog page h2 only. The above code I have given 22px font size you can change it as per your need.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
yunonon
Shopify Partner
8 1 10

@dmwwebartisan

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Asset > theme.scss.liquid and paste this at the bottom of the file:
.template-article article h2{
font-size: 20px !important;
}

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify