[Resolved] Layout

[Sanu Kumar]

Hello there

Can we make a title and author name, last updated same like this: https://ibb.co/vmLK358

Title of the content and author name, category, last updated should be in the centre with full width.

and body of the content should be 40px left 20 px right.

Can we make it with GP theme

[Leo]

Hi there,

A header element should be what you are looking for:
https://docs.generatepress.com/article/header-element-overview/

See some examples:
https://docs.generatepress.com/article/page-hero-examples/

And step by step guide:
https://docs.generatepress.com/article/how-to-create-a-page-hero/

[Sanu Kumar]

I have done but I would like to add “Last Updated On” before the post date and add a separator between author name and updated date.

[David]

Hi there,

you can simply add that text to your Header Element HTML eg,

{{post_author}} | Last Updated On: {{post_date}}

[Sanu Kumar]

When I try this, I have checked there is one more separator between Updated and Post date. How to delete that separator and I didn’t give any separator in the HTML header.

[David]

Can you provide a link to your site. Edit the original topic and use the Site URL field to do so privately.

[Sanu Kumar]

updated

[David]

I am not seeing that on the site?

You do have this CSS though which is currently adding a white left border to the date:

.page-hero .entry-date {
    border-left: 2px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
} 

[Sanu Kumar]

Ah…my mistake.

Thanks it’s now fine

[David]

Glad to be of help

[Author]

Posts