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

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.

  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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us