Hestia Pro - Hide/remove page titles and metadata. Show last updated date

This article will help you hide the titles and metadata ("Published by") in your posts and/or pages when using Hestia Pro. At the bottom of the doc, you can also see how to change the published date to the last updated date.

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}.

Removing Title

1. 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; 
   }
   	

2. 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;
   }
   	

3. Remove the post title on Post pages:

   

   Add the following code to Appearance > Customize > Additional CSS:

   .single-post:not(.home) .hestia-title {     
   	display: none; 
   }
   	

4. 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; 
   }
   	

5. 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.

Show Last Updated Date instead of Published Date

By default, on the single post page, the publishing date of the post is displayed. To change that behaviour, and show the last updated date, navigate to Appearance > Customize > Blog Settings > Posts & Pages and use the {hestia_updated_date} inside the Meta Data Section.