How to remove 'double titles' on pages, blog posts. etc?

Hi! When you enter a title for a page or blog posts, it shows up double. Once in a big grey bar and once more below it. How do I remove one of these? Preferably the top one in the grey bar:

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

You can use this to remove the header altogether

/* remove header call out 
.header-callout {
    display: none;
}'

You can use this one to remove text only

'/*remove header text only*/
#content > div.header-callout > section > div{
  display:none;
}

Best regards,
Support.

Thank you for your reply. I added it, but nothing has changed. Am I missing something?

Hey Kimmie

I see you have a spelling error in your code you added, please use closing curly braces just like here:

/* remove header call out */
.header-callout { display: none;}

/remove header text only/
#content > div.header-callout > section > div{ display:none;}

Let me know if it worked :slight_smile:
Have a great weekend

It worked! Thank you so much! Have a great day!

Hi, there

Nice, to hear your problem is fixed:) Now I will now close the topic and mark it as resolved.
Feel free to contact us again
Thanks!