Displaying Recent Blog Posts in Tiles Style with Elementor Pro

How do you display the recent blog posts in tiles layout with Elementor Pro Posts widget only? For example, you are creating the static home page with Elementor page builder and adding the recent blog posts section there. So this kind of tiles layout will be more attractive for design. I used the blog post. But you can use the custom post type(CPT). In this tutorial I shall how you will get this.

Minimum Requirements:

1. Elementor
2. Elementor Pro
3. Posts Widget

What I do?

1. Add 2 columns section
2. Insert 2 columns inner section into the one column
3. Add the background image with overlay background color option into every columns
4. Drag & drop the Posts widget with offset value inside the every columns
5. With custom PHP codes I am updating the background image of every columns with post’s featured image

I create it this way because I can easily handle the responsive effect for tablet and mobile and avoid the any third party plugin.

Creating The Posts Tiles Style with Elementor Pro

Please see the tiles layout settings via video at below: