How can I list Blog posts in grid style?

Hi there, hope I can get some help with this. I'm new to using Divi and not really a regular WordPress user, so some things may not be obvious to me.

However, my designer wants the blog posts to be listed in a grid pattern of 4 squares across the page and continuing down the page. The Divi builder doesn't seem to be able to do this at all which lead me to discover the AI generated Divi Block tool. I was able to create what I thought was the solution (see the screenshot below) but on loading it into my Divi project I discovered that it only produces the 4 list items, and I want at least 16 items in a grid i.e, 4 rows of 4 post items. How can I get this? Or is it not possible?






If it isn't possible to get what I want from the generator tool above, how can I adjust what Divi creates? The following screenshot is what I get using the standard Divi Blog module; it's nearly there but I want 4 across and a square block for each item. I've tried targeting the styles and adding my own overriding css in the Divi css file, but I've not been able to get what I want (in fact I find it very difficult to change anything from the Divi master css file).

If anybody could help me out here I'd be very grateful!

Cheers
Grant

 

Hi there, thanks for taking a look at this, I appreciate it very much!

I guess that works though I'm not sure it's the dynamic solution I was after, it will mean that posts beyond the page limit of 16 will need to be listed elsewhere; but if that's how it has to be.... it may have to do for now. Cheers!

Follow on questions with the styling, how do I remove the double white border that is shown in the hover state? I can't find that in the module itself anywhere nor in the custom styles that come with the download.



Also, if I need to remove the 'No Results Found' message, how do I go about that?

Thanks again!
Grant

 

Thanks I saw that! I'll give it a try too.