--- title: "How to Show Post Featured Image in Elementor Blog Post?" url: https://theplusaddons.com/docs/show-post-featured-image-in-elementor-blog-post/ date: 2023-12-07 modified: 2026-05-07 author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2023/12/How-to-Show-Post-Featured-Image-in-Elementor-Blog-Post_-1024x536.jpg word_count: 663 --- # How to Show Post Featured Image in Elementor Blog Post? ## Key Takeaways - The Post Featured Image widget in The Plus Addons for Elementor displays a postu2019s featured image as a standard inline image or as a background for a layout section. - News and magazine sites benefit from consistent featured images displayed at the top of each blog post using The Plus Addons for Elementor. - Users can standardize featured image dimensions across all posts by setting image size, width, and alignment in the Post Featured Image widget. - The Location dropdown in the Post Featured Image widget allows users to apply the background image to four layout elements: Section, Inner Section, Container, or Column. 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](/docs/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](https://wordpress.org/plugins/elementor/) installed & activated. - You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) 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.** ![](https://theplusaddons.com/wp-content/uploads/2023/12/post-featured-image-activation-2-1024x361.png) ## 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.](https://theplusaddons.com/docs/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](https://theplusaddons.com/docs/add-post-meta-in-elementor-blog-post/) in the same blog post template to display the publication date, categories, and author name alongside the featured image. ![post featured image content](https://theplusaddons.com/wp-content/uploads/2023/12/post-featured-image-content.gif) Learn [how to create custom Elementor blog post template](https://theplusaddons.com/blog/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](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/) gives you control over post grid, masonry, and list layouts in the Elementor editor. ![post featured image demo](https://theplusaddons.com/wp-content/uploads/2023/12/post-featured-image-demo-1024x279.png) Also, read [how to customize post title in Elementor blog post](https://theplusaddons.com/docs/customize-post-title-in-elementor-blog-post/). ## Frequently Asked Questions **Q: What should I do if the Post Featured Image widget is not showing up in Elementor?** A: If the Post Featured Image widget isn't appearing, ensure that The Plus Addons for Elementor plugin is installed and activated. Additionally, verify that the widget is activated by navigating to The Plus Addons u2192 Widgets and searching for Post Featured Image. If it's not toggled on, enable it to make the widget available for use. **Q: Can I use the Post Featured Image widget for different types of images?** A: The Post Featured Image widget offers two options for displaying images: as a Standard Image or as a Background. Choosing Standard Image allows you to set image size, width, and alignment, while the Background option lets you apply the image to various sections, inner sections, containers, or columns, depending on your layout needs. **Q: What are the best practices for adding a featured image in an Elementor blog post?** A: When adding a featured image, consider using the Standard Image option for clarity and control over size and alignment. This is particularly effective for drawing attention to the image. If you prefer a more integrated look, using the Background option can enhance the visual appeal of sections. Always customize the style further from the Style tab to ensure it aligns with your overall design.