We can simply create a page and give it a name like a blog and then edit that page with the Elementor and then take a hero block and then take a section and then drag and drop a post to that section. It will automatically load all the posts we have either created or given by the theme. To edit those posts, we will click on the pencil button and then design accordingly.
Note:- When we want to add the background color of the post area, we will select the box and the pencil icon will target all the posts. To get more options, we will use skin type classic.
Under the class section, we will get Columns [To display no. of columns in one row], Posts Per Page[To display no. of posts on one page], Image Position[To display images top, left, bottom, right], enable Masonry layout[To display content more clearly, image size may be different], set Image Resolution[Keep full for better result when you zoom], Title display [To display title of the post], Excerpt Length [To display some of the contents and hide the rest, to display some of the contents, we will go to post>>copy the content you want to display>>paste under Excerpt input box if Excerpt input box not available, we will click on the screen option and tick Excerpt.
Meta Data [It will show what you select from dropdown such as date[when post was created], time, comment[commented or not] under Title Section], Read More[To display read more button] button, and more. The Automatic Align button “Yes” will keep the button at the bottom for a better appearance.
We use Query to select the source of the post. If you set it as a page, you will get all the page information you have created. You can also use Manual to select a post, or page manually as a post. For more details visit