Return the header of my post

[Simone]

Hi

The header of my single posts is full length like this: https://www.screencast.com/t/g4uFerQ5L

Now I want the header to be smaller like it was once like this: https://www.screencast.com/t/LhABMDGQ

Actually, it’s set this way in the element: https://www.screencast.com/t/LhABMDGQ

I would love some help, please

Thank you!

[David]

Hi there,

you need to delete the Header Element that you have assigned to your single posts:

https://docs.generatepress.com/article/header-element-overview/

If you’re unsure about deleting them, you can Quick Edit the element and change its status to draft.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Simone]

Hi David,

Thank you for your reply.
I deleted the element and now my pictures are back to the size I wanted.
Just one more thing please. H

How can I have the author name and the title of the article showing on the feature image in the header?

I use to put this code in the element. But now I can’t anymore.

<h1>
{{post_title}}
</h1>

{{post_date}} • {{post_author}}

[Tom]

Hi there,

Yes, drafting the Header Element shouldn’t affect your content.

If you “Draft” it, you can always re-publish it if you need it back.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Simone]

Hi Tom,

Sorry, that was not my question. I asked where can I put the code that I used to have in the element for the title and date of the article to show on the picture.

In short, where should I put this code? <h1>
{{post_title}}
</h1>

{{post_date}} • {{post_author}}

[Leo]

That would go in the header element content box:
https://docs.generatepress.com/article/header-element-overview/#content-1

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Simone]

Hi Leo,

I don’t have the element anymore as I deleted it. Can you tell me where and what code should I put to allow the date and title of the article show on the header image?

Thank you!

[David]

You will need to create a new Header Element in Appearance > Elements:

https://docs.generatepress.com/article/header-element-overview/

Then you can follow the steps Leo provided here:

https://docs.generatepress.com/article/header-element-overview/#content-1

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Simone]

Hi David

What element do I have to create? I don’t want to change the layer of the post. I just want to add a title and date on the header post.
What should I do please?

[Leo]

That would be the header element.

This article provides you the step by step guide to create it:
https://docs.generatepress.com/article/how-to-create-a-page-hero/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Simone]

I don’t understand what I need to do. Can you please help?

[David]

If you go to Appearance > Elements at the top of the list you will see something like this:

All (5) | Published (3) | Drafts (2) | Trash (1)

Does the Trash still contain the element you deleted?

If so click Trash, then select Restore below the element.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Simone]

Hi David
If I do this, my post layout will come as it was.

[David]

Yes, that is the only simple way of displaying the Title over the Featured Image.
Do you want that to be displayed inside the post content ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Simone]

Yes, but I want the feature image to be like this: https://www.screencast.com/t/LhABMDGQ

How can I set it up this way with the title and date on it?

[Author]

Posts