1. Home
  2. BlogNews For Elementor
  3. Single Page
  4. Post Featured Image

Post Featured Image

The Post Featured Image widget displays the featured image of a single post dynamically. It provides flexibility to adjust resolution, alignment, and captions while offering additional styling options for design consistency across the website.

How to Use

  1. Go to WordPress Dashboard → BlogNews → Site Builder.
  2. Open or create a Single Post template with Elementor.
  3. Drag and drop the Post Featured Image widget into the desired section (commonly above the post title or within the post header area).
  4. Adjust the content settings like resolution, alignment, and caption toggle.
  5. Apply styling controls for image design (Pro version for advanced styles).
  6. Save and publish the template.

Content Settings

  • Image Resolution — Choose the resolution of the featured image (thumbnail, medium, large, full, or custom sizes).
  • Alignment — Align the image to Left, Center, or Right.
  • Image Caption Toggle — Enable or disable displaying the image caption.

Styling Controls

  • Width & Height — Set custom dimensions for the featured image.
  • Border & Border Radius — Add borders and rounded corners for styling.
  • Hover Effect (Pro Version) — Apply hover transitions for interactive effects.
  • Box Shadow (Pro Version) — Add depth and highlight the featured image with shadow effects..

Pro Tip

  • Using high-resolution images enhances engagement but can slow down the site if not optimized

How can we help?