Debutify - Title of blogpost is same as hero text

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?

https://gamespacers-9185.myshopify.com/blogs/news/de-5-grote-voordelen-van-een-ergonomische-gamestoel-ten-opzichte-van-een-traditionele-gamestoel

Thank you!

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. 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 :disappointed_face:

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 :slightly_smiling_face:

1 Like