Okay
  Public Ticket #2819679
Remove 'Post headers'
Closed

Comments

  •  2
    jakejules started the conversation

    Hello,

    I'm hoping to be able to disable the Post Headers altogether.

    Basically, I'd like to be able to build my posts from scratch with no post header.

    Thanks

  •  1,878
    Judith replied

    Hi There,

    Please try this css:

    .single-post #page-header-bg[data-post-hs="default_minimal"] {
        display: none !important;
    }
    

    Thanks.

  •  3
    conradtolosa replied

    Judith, I was looking for the same thing (to get rid of post headers entirely). 

    I'm basically trying to make posts act like pages. This is due to a client website setting up all pages as posts. 

    However, that code didn't quite work for me. The section still existed, but it was just blank. 

    I tried this, which got rid of the header row, but my content (my first WPBakery row) still appears about 200px down the screen.

    #page-header-wrap {
        display: none;
    }

    I"m trying to make the first WP Bakery row flush with the top of the browser, so that if I do a Hero, the navigation will be transparent on top of that first hero row.

    Side Note: I also do notice that with a Page, there's an option to force Header Transparency, and that's not in there for Posts... so I might have to convert a gazillion posts to pages if I'm to get Salient to work properly on this particular site.

    Thanks!

  •  8,847
    Tahir replied

    @conradtolosa, 

    If you wish to remove the Page Header on the Single Post Pages you can use the CSS below.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

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

    Thanks


    ThemeNectar Support Team 

  •  3
    conradtolosa replied

    That almost works for posts with a Featured Image. The first row will still be a bit too low. So for example: 
    https://conradtolosa.com/2021/07/22/conrad-post-1/ starts about 200 pixels too low. 

    Then, for posts with a Featured Image, the CSS doesn't change anything. For example: https://conradtolosa.com/2021/07/22/conrad-post-2/

    Thanks.

  •  8,847
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .single-post.ascend .container-wrap.fullscreen-blog-header, body.single-post[data-bg-header="true"].ascend .container-wrap {
        padding-top: 0px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  3
    conradtolosa replied

    Tahir, for posts that have a featured image, the additional CSS coupled with the initial CSS from your previous reply works great

    However, for posts with no featured image, no changes are seen. For example, https://conradtolosa.com/2021/07/22/conrad-post-2/. The post meta still appears above the first WPBakery row, which in this case is a Salient Hero option. 

    Thank you.


  •  8,847
    Tahir replied

    Use these revised CSS set for both urls.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .single-post #header-space ,.single-post .heading-title {
        display: none !important;
    }
    .single-post .container-wrap {
        padding-top: 0px !important;
    }
    .single-post div#page-header-wrap {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  3
    conradtolosa replied

    Such fast customer support! 

    We're almost there. It got rid of the meta row, and now we just need to move the first row up a bit. https://conradtolosa.com/2021/07/22/conrad-post-2/

    Thank you.

  •  8,847
    Tahir replied

    Reduce the top padding in the Row Settings, no need for CSS.

    8313440101.png

    Thanks 


    ThemeNectar Support Team 

  •  3
    conradtolosa replied

    Hold on. You might be right.

  •  3
    conradtolosa replied

    I deleted my previous comment. I"m checking on the post.

  •  3
    conradtolosa replied

    So your code did work, however, now the nav bar thinks that there's content there so it automatically turns off the transparency effect. Hmmm. I'm guessing there might not be a CSS workaround for that. 

  •  3
    conradtolosa replied

    So my workaround for this is: Since the problem is only for posts without a Featured Image, and I don't want to have to force my staff to upload some random image each time, I found a plugin that automatically sets a default image. 

    https://wordpress.org/plugins/default-featured-image/

    I want to thank the team at Salient for their amazing customer service!


  •  1,878
    Judith replied

    Please try this :

    body.single .post .wpb_text_column h2, body.single .post .content-inner > h2, body.single .post .wpb_text_column h3, body.single .post .content-inner > h3, body.single .post .wpb_text_column h4, body.single .post .content-inner > h4, body.single .post .wpb_text_column h5, body.single .post .content-inner > h5, body.single .post .wpb_text_column h6, body.single .post .content-inner > h6 {
        margin-top: 85px;
    }


  •  3
    conradtolosa replied

    Here's a summary of Salient's help in thread for anyone who wants to get rid of headers in 'posts'.

    Put this in your Salient / General / CSS section:

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

    .single-post.ascend .container-wrap.fullscreen-blog-header, body.single-post[data-bg-header="true"].ascend .container-wrap {     padding-top: 0px !important; }

    .single-post #header-space ,.single-post .heading-title {     display: none !important; } .single-post .container-wrap {     padding-top: 0px !important; } .single-post div#page-header-wrap {     display: none !important; }

    Now install: https://wordpress.org/plugins/default-featured-image/

    Done. Headers are gone for posts.

  •  3
    conradtolosa replied

    Judith, that CSS didn't seem to solve the transparency problem. But that's okay since I found the Default Featured Image plugin - which when I think about it is a great solution because I'd rather have an intended default featured image anyways rather than a random image get scraped as the thumbnail. 

  •  1,878
    Judith replied

    Hi There,

    Thanks for this. We appreciate this piece of information.

    Thanks.