Customising Blog Post Layout

[Korii]

Hi there,

How can I go about customising the layout of a blog post so that at the end of the blog post I have a line and underneath that line, I display the publication date (similar to what you see on Seth Godin’s website: https://seths.blog) – see below screenshot:

[Leo]

Hi there,

Try this CSS:

.blog .post, archive .post {
    border-bottom: 1px solid #000;
}

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

Let me know if this helps 🙂

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

[Korii]

Awesome, thanks Leo. 🙂

And then how would I go about displaying the blog post date under that line? At the moment the date is displayed at the beginning of the post after the blog title.

[Leo]

Sorry I missed that part of the requirement completely…

We will need to go with another method.

Add this PHP snippet:

add_filter( 'generate_footer_entry_meta_items', function() {
    return array(
        'date',
        'post-navigation',
    );
} );

Adding PHP: https://docs.generatepress.com/article/adding-php/

Then this CSS:

.blog .post .entry-content, .archive .post .entry-content {
    border-bottom: 1px solid #000;
}

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

Let me know 🙂

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

[Korii]

Excellent, that did the job! Thanks so much for your help. 🙂

[Leo]

No problem 🙂

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

[Author]

Posts