Posts grid / Design

Hi there,

Are you referring this layout as a section in blog page or the whole layout of entire blog page?
Let me know.

I'm referring this layout, it's a lasts posts section/block in a static page. In this case it will be at home page.

Hi there,

You can definitely do this with GenerateBlocks and WP Show Posts.

What you basically do is place a Grid blocks with 2 columns and then place 2 WP Show Post list on both of the columns with the left one set to post to show 1, and the 2nd one set to post to show 3 with offset of 1.

Thanks Elvin,

I have found this topic to achieve the image aligned left and title + button right, the problem is that it applies to all the lists and I want only one with this settings.

And how can I reorder the title/date to have the date above the title?

Hi there,

can you share a link to a page where we can see what you have so far ?

I've posted the link in the Private Information.

Looks like you resolved the issue with that CSS applying to all WPSP lists :)

Simple way to move the date above the title for that particular list - update this CSS to include the two flex properties:

#wpsp-219 .wp-show-posts-entry-header {
width: 50%;
float: right;
padding-left: 30px;
display: flex;
flex-direction: column;
}

Then add this CSS to move the meta above the title:

#wpsp-219 ..wp-show-posts-entry-meta {
  order: -1;
}