The “Title Hero Widget” allows you to design bold and eye-catching hero sections for free in WordPress Elementor websites. This widget helps you make a powerful first impression by combining impactful titles, background images, customizable text, and an optional action button. Perfect for landing pages, promotional content, or homepage banners, it offers full design flexibility to match your site’s aesthetic.
Let’s explore the features of the “Title Hero Widget” below.
Elementor Title Hero Widget Tutorial Video
Add a Free Title Hero Widget to Elementor
Add the Title Hero to a Elementor Page
Elementor Title Hero Widget General Settings
Title
The main headline of the Hero section.
Subtitle
A secondary heading or supporting text below the title.
Button Text
The label for the call-to-action (CTA) button.
Link
The URL to which the button redirects when clicked.
Show Title
Toggles the visibility of the Title (On/Off).
Show Subtitle
Toggles the visibility of the Subtitle (On/Off).
Show Button
Toggles the visibility of the Button (On/Off).
Elementor Title Hero Widget Style Settings
Horizontal Align
Positions the Hero content horizontally.
Vertical Align
Positions the Hero content vertically.
Text Align
Aligns the text content within the Hero.
Content Width
Sets a custom width for the inner content.
Height
Defines the Hero section’s fixed height in pixels.
Height Unit
Alternate unit for dynamic height.
Content Padding
Adds spacing around the content inside the Hero.
Title Color
Sets the text color of the main headline.
Title Typography
Controls font family, size, weight, and styles.
Title Border Type
Adds a border around the title.
Title Border Radius
Adjusts corner rounding for the title border.
Title Padding
Adds spacing inside the title’s boundary.
Button Color
Sets the default text color of the button.
Button Color Hover
Sets the text color when hovering over the button.
Button Background Color
Sets the default background color of the button.
Button Background Color Hover
Set the background color when hovering over the button.
Button Padding
Adjusts the internal spacing of the button.
Button Typography
Controls the font properties of the button text.
Button Spacing
Adjusts the space between button text and edges.
Button Radius
Sets the corner rounding of the button.
Button Border Type
Sets the style of the button border.
Button Border Hover Type
Sets the border style when hovering over the button.
Title Hero Widget Design Examples For Elementor
Here are some live use cases for the Title Hero Widget.
Free Elementor Title Hero with Fixed Background.
Free Elementor Title Hero as Content Card.
Thank you for using the Title Hero Widget for Elementor! With its bold headings, customizable text styling, and support for background images and action buttons, this is the best Title Hero Widget for creating impactful hero sections on your website. Perfect for landing pages, promotional banners, or any first-impression content. If you have any questions or need support, feel free to reach out. For more examples and inspiration, visit the live demo on our website.