Showing the featured image on a blog post gives visitors immediate visual context and helps them decide whether to read on. The Post Featured Image widget in The Plus Addons for Elementor lets you display any post’s featured image on your Elementor blog post template as a standard inline image or as a background for a layout section.
To check the complete feature overview documentation of The Plus Addons for Elementor Blog Builder, see Blog Builder Settings Overview.
Best Used For:
- News and magazine sites that need a consistent featured image displayed at the top of each blog post
- Agency and portfolio sites using a full-width background image as a visual header on individual post pages
- Any Elementor blog post template that requires standardized featured image sizing and placement across all posts
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have The Plus Addons for Elementor plugin installed and activated.
- Make sure the Post Featured Image widget is activated. To verify this, go to The Plus Addons for Elementor → Widgets, search for Post Featured Image, and toggle it on.
How to Activate the Post Featured Image Widget?
Go to
- The Plus Addons for Elementor → Widgets
- Search the widget name and turn on the toggle.
Add Post Featured Image
Add the Post Featured Image widget to the location in your blog post template where you want the featured image to appear.
To create the blog post template, you can use Elementor Pro or the Nexter Theme Builder.
Suggested reading, how to add post author box in Elementor blog post.
From the Type dropdown, select how the featured image is displayed on the page. There are two options:
Standard Image – To display the featured image as an inline image within the post layout. Use this when you want the image to appear at a fixed position on the page, such as above the post content or between the post title and body.
As a Background – To use the featured image as a background for a surrounding layout element. Use this when you want a full-width visual effect on each individual post page without adding a separate image widget.
When you select Standard Image, you can set the image size, width, and alignment. Use these settings when you need to standardize the featured image dimensions across all posts in your template so images of different sizes appear uniform.
You can also add the Post Meta widget in the same blog post template to display the publication date, categories, and author name alongside the featured image.
Learn how to create custom Elementor blog post template.
With As a Background selected, use the Location dropdown to specify which layout element the featured image is applied to as a background. There are four options:
Section – The background image is applied to the Elementor section that directly contains the widget. Use this to make the featured image fill the full width of a horizontal section in your blog post layout.
Inner Section – The background image is applied to the inner section containing the widget.
Note: This is only applicable if you are using the old Elementor sections.
Container – The background image is applied to the parent container of the widget. Use this when you are building your blog post template with Elementor’s Flexbox container layout.
Column – The background image is applied to the parent column of the widget within a section layout.
Note: This is only applicable if you are using the old Elementor sections.
Choose the option that matches your blog post template’s layout structure.
From the Style tab, you can configure the appearance of the featured image, including border, image dimensions, and visual filter settings.
For displaying featured images across multiple posts on an archive or category page, the Blog Listing Widget gives you control over post grid, masonry, and list layouts in the Elementor editor.
Also, read how to customize post title in Elementor blog post.
