Homepage design

Try this CSS:

.wp-show-posts-columns .wp-show-posts-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5px;
    border: 1px solid #000;
}
.wp-show-posts-columns .wp-show-posts-inner > div:last-child {
    margin-top: auto;
}

Thanks a lot, David.

can you please let me know how to remove those numbers that are displayed under the posts? The one's used to move to the next pages.

Page details provided in the Private information section

Hi Abdul,

Uncheck the Pagination box in the WP show posts list should work:
https://docs.wpshowposts.com/article/posts-overview/#pagination

Let me know :)

Thanks Ying
Can you please let me know how to reduce the blank gaps between the image and the read more button?

Give this CSS a try:

.wp-show-posts-columns .wp-show-posts-inner {
    height: auto !important;
}

Let me know :)

No, It did not work. Still have those blanks in the container.

It seems been overridden, I edited the CSS, can you give another try?
https://generatepress.com/forums/topic/homepage-design-2/page/2/#post-1971112

Perfect, Thanks Ying. It looks good now.

Thanks to David too for helping out on this.

No problem :)

I deleted a few categories and now it is showing the same posts across all the categories.

Can you please let me know how to fix it

Can you open a new topic as this issue is not related to the original question?

Thanks!