Okay
  Public Ticket #4001333
How to Completely Remove the Blog Post Header Space
Open

Comments

  •  1
    cmcogito started the conversation
    Hello,

    I am using Salient and I would like to completely remove the blog post header area (including the author, date, and category bar) on single blog posts.

    I have tried using the following CSS, but it doesn’t seem to have any effect:

    .single-post .page-header-wrap,
    .single-post .page-header {    display: none !important;
    }

    Despite this, I still see a large empty space below the menu on my blog posts.

    Can you please advise how to:

    1. Completely remove this area,
    2. Start my post content directly below the main navigation without extra space.

    Thank you for your help.

    Dis-moi si tu veux que je te prépare aussi une version en français.

  •  2,081
    Judith replied

    Hello there,

    Thanks for writing to us.

    First we only provide support in English so you don't need to provide a french version of your query.

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In 

    .main-content .featured-media-under-header
    Specificity: (0,2,0)
     {
        display: none;
    }
    p#breadcrumbs {
        display: none;
    }
     

    Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related. If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.