Hi guys,
I am making a website with the Debutify theme, but the title of the blog post is very big. It resonates with the hero text, even though i do not want that. Does anyone know how to fix this?
Thank you!
Topic summary
A user building a Shopify site with the Debutify theme encountered an issue where blog post titles appeared excessively large, matching the hero text size unintentionally.
Initial Solutions Attempted:
- Adding CSS code to
theme.scss.cssto set all H1 elements to 34px font size - This worked but affected all H1 tags site-wide, not just blog titles
Final Resolution:
- Debutify’s official support team provided a targeted solution
- Instructed to locate the
article-templatefile in the code editor - Add inline style
style="font-size:34px"directly to the H1 tag (around line 28 in version 4.10.2) - This approach ensures the font size override applies specifically to blog titles only
Status: Issue resolved successfully with the inline styling method, allowing blog titles to display at the desired size without affecting other H1 elements throughout the site.
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset >theme.scss.css and paste this at the bottom of the file:
h1.page-title {
font-size: 34px!important;
}
Hi Zestardtech,
Thank you so much for your help. Unfortunately, it is not fixed yet… I get this:
then i suppose i do this:
but unfortunately, then this…:
Hi @Thomaskru ,
Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css
I cant seem to figure it out 
Hi,
So the coding part worked for me! Thank you. However, I do not want to make all H1 turn to 34px. Just the titles of Blogs. Do i put the code somewhere else then? Or do i do something completely different?
Thanks
Hey @Thomaskru ,
To change the font size of the blog titles, when on the code editor, search for the file “article-template”.
On the h1 tag, add the following inline style, style=“font-size:34px”.
This will guarantee that it will override the other font sizes.
The h1 tag is on line 28 of the version 4.10.2, if you are on a different version, it may vary.
Please find the screenshot as a reference of where you should add the code.
Thank you for choosing Debutify!
Technical Support Team | Debutify CORP
2 Likes
Thank you so much! It worked 
1 Like