Hestia Pro - Hide/remove page titles and metadata
This article will help you hide the titles and metadata ("Published by") in your posts and/or pages when using Hestia Pro.
Removing Metadata |
Removing Title |
Removing Metadata
On Single Post Page
Using the Hestia PRO theme, changing the post meta can be easily done from Appearance > Customize > Blog Settings > Posts & Pages.
Available tags: {hestia_author}, {hestia_publish_date}, {hestia_updated_date}.
Each tag can also have the hidden attribute, which will make the tag visible just in the code, but not on the screen. For e.g {hestia_updated_date:hidden}
The {hestia_publish_date} and {hestia_updated_date} can use any time format, or the dedicated time_ago format. For e.g {hestia_updated_date:Y} or {hestia_publish_date:time_ago}.
On The Blog Page
Using the Hestia PRO theme, changing the post meta can be easily done from Appearance > Customize > Blog Settings > Blog.
Available tags: {hestia_author}, {hestia_publish_date}, {hestia_updated_date}.
Each tag can also have the hidden attribute, which will make the tag visible just in the code, but not on the screen. For e.g {hestia_updated_date:hidden}
The {hestia_publish_date} and {hestia_updated_date} can use any time format, or the dedicated time_ago format. For e.g {hestia_updated_date:Y} or {hestia_publish_date:time_ago}.
Hestia also has these Header layout designs available, which can be changed page-specific.
Removing Title
📝 Note: Please note that the below behavior can be achieved by using the built-in "Disable Title" option of Hestia. Read more about this here.
- Remove the page title from the pages. This applies only if you are using the Default Template.
Add the following code to Appearance > Customize > Additional CSS:
.page-template-default:not(.home) .hestia-title { display: none; }
- Remove page title from single pages:
Add the following code to Appearance > Customize > Additional CSS:
body:not(.home):not(.single-post) .hestia-title { display: none; }
Remove the page title for the second and third header layout
body:not(.home):not(.single-post) .hestia-title.title-in-content { display: none; }
- Remove the post title on Post pages:
Add the following code to Appearance > Customize > Additional CSS:
.single-post:not(.home) .hestia-title { display: none; }
Remove the title on a specific page by adding the following code to Appearance > Customize > Additional CSS; make sure you replace the ID number with that of the page you want to hide it from:
.page-template-default.page-id-139 .hestia-title { display: none; }
Remove the title on a specific post by adding the following code to Appearance > Customize > Additional CSS; make sure you replace the ID number with that of the post you want to hide it from. The post ID can be found while you edit a post:
.post-template-default.postid-1 .hestia-title { display: none; }
Check also how to remove the metadata under the title in case you want to remove also that along with the title.