Archived topic
Customising Blog Post Layout
5 replies · Started by Korii on November 27, 2019
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:
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 :)
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.
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 :)
Excellent, that did the job! Thanks so much for your help. :)
No problem :)
