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.
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):
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):
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.
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):
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.
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.
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.
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
Hi There,
Please try this css:
Thanks.
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!
@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):
Thanks
ThemeNectar Support Team
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.
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):
Thanks
ThemeNectar Support Team
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.
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):
Thanks
ThemeNectar Support Team
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.
Reduce the top padding in the Row Settings, no need for CSS.
Thanks
ThemeNectar Support Team
Hold on. You might be right.
I deleted my previous comment. I"m checking on the post.
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.
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!
Please try this :
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.
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.
Hi There,
Thanks for this. We appreciate this piece of information.
Thanks.