Elementor Post Title Widget

Display the title of the post dynamically with full styling control. Adjust font size, weight, color, and alignment to match your design aesthetic. This widget ensures that post titles stand out while maintaining consistency across different layouts.

Table of Contents

The Post Title Widget in Vertex Addons for Elementor allows you to dynamically display post titles on your WordPress website. Whether you are designing a custom single post layout or a dynamic archive page, this widget ensures the title appears correctly with flexible customization options. Available in the free version of Vertex Addons, this widget is essential for structuring and enhancing your content layout while maintaining a consistent design across your site.

Key Features

  • Dynamically display post titles for single posts, pages, and custom post types.
  • Customize typography, text alignment, and colors.
  • Add before and after text for additional context.
  • Choose from various HTML tags (H1-H6, div, span, p) for SEO and styling.
  • Apply text stroke, shadow, and blend mode effects.
  • Control hover styles and transition durations.
  • Link the post title to a custom URL with dynamic options.

What’s Needed?

To use the Post Title Widget, you need:

  • The Elementor page builder (Free version).
  • The Vertex Addons for Elementor plugin installed and activated.

Install and Activate The Post Title Widget

To activate this widget, please refer to our Widget Activation Guide.

How to Configure the Post Title Widget in Elementor

Once you have Elementor and Vertex Addons installed, adding the Post Title Widget to your design is simple. Drag and drop the widget onto your page and start customizing it to match your layout.

Content Tab

The Post Title Widget provides various settings to define how the title appears on your page.

Heading

The Title section lets you control the appearance and functionality of the post title.

  • Settings:
    Click on the “Post Title” term to open:
    • Before/After Text: You can add extra context before or after the post title, such as “Read More:” or “Latest Post: “.
    • Fallback Text: Define a fallback title in case the post title is empty.
  • Link:
    • Link the post title to a custom URL or a dynamic source.
    • Enable options such as opening the link in a new window, adding a nofollow attribute for SEO, and using custom attributes.
    • Use Vertex Addons or Elementor Pro dynamic tags to generate dynamic URLs.
  • HTML Tag:
    • Select the appropriate HTML tag for your title, including H1 to H6, div, span, and p. This allows for better SEO structuring and styling control.

Style Tab

Styling options let you fine-tune the appearance of your post title to match your design needs.

  • Alignment: Adjust title alignment to Left, Center, Right, or Justified.
  • Typography: Customize font family, size, weight, letter spacing, and other typographic settings.
  • Text Stroke: Apply stroke effects to the text for enhanced visibility.
  • Text Shadow: Add shadows to create depth and contrast.
  • Blend Mode: Choose different blend modes (Normal, Multiply, Screen, and more) for creative visual effects.
  • Color Options:
    • Set different text colors for Normal and Hover states.
    • Adjust Transition Duration for smooth hover effects.

Advanced Tab

The advanced settings remain common for all Vertex Addons widgets, allowing you to control spacing, motion effects, background, borders, custom CSS, and more.

Conclusion

The Post Title Widget in Vertex Addons for Elementor is an essential tool for dynamically displaying post titles with full styling and customization options. Whether designing custom post layouts or archive pages, this widget ensures a consistent and professional presentation, enhancing both user experience and SEO.

Still Stuck? We’re Here to Help.

Share:

Table of Contents