Are you looking to customize the post title in the Elementor blog post? There are limitations when it comes to changing the position of the post title on the blog post page.
With the Post Title widget in The Plus Addons for Elementor, you can customize and position the post title at any location on the Elementor blog post page. The widget supports alignment, HTML tag control, prefix and postfix text, and character or word limits for the title.
To check the complete feature overview documentation of The Plus Addons for Elementor Blog Builder, click here.
Best Used For:
- Blog post templates where you want to reposition the title above or below the featured image
- News and magazine sites that need styled post titles with custom typography and hover states
- Archive page templates displaying category or tag listings with consistent title styling
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have The Plus Addons for Elementor plugin installed and activated.
- Make sure the Post Title widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Post Title and activate.
How to Activate the Post Title Widget?
Go to
- The Plus Addons → Widgets
- Search the widget name and turn on the toggle.
Layout
Add the Post Title widget to the appropriate location on the blog post template. Position it above the featured image to follow a classic blog layout, or below it to lead with the visual and follow with the title.
To create the blog post template, you can use the free Nexter Builder, or you can use Elementor Pro if you are already using it.
From the Types dropdown under the Layout tab, select the template type. You have two options:
- Single Page – To show the post title on a single post template.
- Archive Page – To show the post title on an archive page template like the category page.
Suggested reading: how to add post next & previous button in Elementor blog post.
Select the Single Page option to configure the title for individual post pages.
From the Box Alignment section, align the post title box for various responsive devices. Use this when you want the title centered on mobile but left-aligned on desktop.
From the Text Alignment section, align the post title text independently for various responsive devices.
Content
Under the Content tab, use the Prefix Text and Postfix Text fields to add a label before or after the title. This is useful when you want to add context, such as “Tutorial:” before a tutorial post title or a category label after it.
From the Tag dropdown, change the HTML tag of the post title. Use H1 when the post title is the only H1 on the page, or H2 when it appears inside a template that already has an H1 elsewhere.
Extra Option
From the Extra Option tab, make the post title linkable by enabling the Link toggle. Use this on archive templates where clicking the post title should navigate visitors to the full post.
From the Limit dropdown, limit the post title by the number of letters or words. This is useful when your blog listing template has fixed-height title areas and long titles would break the layout. For more title length control in blog listing views, see How to Limit Blog Post Title in Elementor.
How to Style the Post Title Widget?
To style the Post Title widget, go to the Style tab.
Title – From here, manage the title’s padding, margin, typography, text color, background color, border, border radius, and box shadow for both normal and hover states. Use the hover state settings when you want the title to change color when a reader hovers over it in a listing template.
In the same way, you can add a post title to the archive template. To customize other elements in your blog post template, see How to Hide Blog Post Date in Elementor Blog Posts.
Also, check how to show post featured image in Elementor blog post.
