Blog Post Display Layout (Homepage)

I managed to change the display to full width for all posts on the homepage, however the layout is different. How can I have a featured image and “Read More” link for all posts, just like the first 2?
Here’s my website: https://whiskandsimmer.com/

Hi @melikabellehumeur,

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

.blog #content article {
padding: 0 !important;
}

.blog.home #content article.post .read-more,
.blog.home #content article.post .entry-footer {
display: block;
}

Best Regards,
Movin

Excellent, thanks. There are also horizontal lines separating the first 2 blog posts - is there a way to add those between all posts?

And can the text preview be justify (instead of align left)?

You can use below custom CSS code to achieve this.

.blog #page article .post-inner-content {
border-bottom: 1px solid #dedede;
padding: 50px 0;
}

.blog #page article:first-child .post-inner-content {
padding-top: 0;
}

.blog #page article .entry-content {
text-align: center;
}

It looks perfect, thank you!

You are most welcome here :slight_smile: