Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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;
}
Please share your store blog URL.
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!
I tried to underline it using that code, but h2 was also applied to the shop logo, and the appearance changed.
Is it possible to apply the code only to the text of the blog?
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;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024