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

Solved
yunonon
Tourist
8 1 8

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)

Accepted Solutions
LitExtension
Shopify Partner
2000 332 408

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
9829 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9829 2237 3078

@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 | Bag is a cart drawer that maximizes your sales. View app →
yunonon
Tourist
8 1 8

@dmwwebartisan

LitExtension
Shopify Partner
2000 332 408

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post