Post Featured Image

Before setting up the Post Featured Image Widget, make sure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you’ll have access to all free Elementor widgets, including the Post Featured Image Widget—totally free! Additionally, you can explore both free and pro widgets by filtering the selection options.

Introduction

The Post Featured Image Widget displays the main image of a blog post, enhancing your site’s visual appeal.

Key Use Cases for the Post Featured Image Widget

The Post Featured Image Widget in Elementor is ideal for:

• Showcase Visual Content – Display the featured image of your post to capture the attention of your visitors.
• Blog Post Design – Easily integrate the featured image into your blog posts for a more visually appealing layout.
• Clickable Image – Link the featured image to the post, allowing users to easily access the content.
• Responsive Design – Ensure your post’s featured image adapts perfectly across all screen sizes.
• Professional Appearance – Elevate your blog’s design by adding professional and visually engaging imagery.

With the Post Featured Image Widget, you can effortlessly showcase your post’s featured image and customize its alignment, size, and link behavior to match your design.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to activate the Post Featured Image widget, follow these steps:

1. Go to Animation Addons → Elements in your WordPress dashboard.
2. Locate the Post Featured Image Widget in the list.
3. Toggle it on to enable the widget.

How to Add the Post Featured Image Widget in Elementor

1. Open the page where you want to add the Post Featured Image. 
2. Launch the Elementor editor.
3. In the Elementor panel, search for “Site Logo.”
4. Drag the Post Featured Image to your desired section.
5. The Post Featured Image widget will now be available for customization.

How to Configure the Post Featured Image Widget

Enable the widget, create a new page, set a title, choose the Elementor Full Width template, and publish the page. Adjust page settings as needed.

• In the Elementor panel, search for the “Post Featured Image Widget.”
• Drag and drop the widget into your desired section.
• The featured image of the current post will be displayed automatically.
• You can then customize its size, alignment, border, and styling options to fit your layout and design preferences.

Configuring Post Featured Image Widget : A Step-by-Step Guide

Once the Post Featured Image Widget is added to your page, you can configure its settings under different tabs: Content, Style and Advanced.

Content Settings

There is only one option available: Image.

Image

In the Content section of the Post Featured Image Widget, you can control how the featured image is displayed using the following options:

• Image Resolution: Select the appropriate image size (full, medium, thumbnail) to match your layout needs and optimize loading performance.
• Alignment: Align the featured image to the left, center, or right within the section to suit your design.

These settings help you display the post’s featured image effectively while maintaining visual consistency.

Style Settings

In the Style section of the Post Featured Image Widget, the Image subsection offers several customization options to refine the visual presentation of your featured image:

• Width & Max Width: Set a fixed or maximum width to control how wide the image appears within its container.
  
• Height: Define a specific height to maintain consistent image proportions across your layout.
  
• Border Type: Choose from multiple border styles such as None, Solid, Double, Dotted, Dashed, Groove, and more.
  
• Border Radius: Apply rounded corners to soften the image edges and match your design aesthetic.
  
• Box Shadow: Add a shadow effect to create depth and highlight the image visually.

These settings provide fine-tuned control over the appearance of your post’s featured image, ensuring it blends seamlessly with the rest of your design.

Advanced Settings

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Final Outcome

That’s it! You’ve successfully learned how to configure the Post Featured Image Widget in Elementor to display dynamic and eye-catching images on your website.

For any further assistance or inquiries, feel free to contact our support team!