- This topic has 2 replies, 2 voices, and was last updated 1 month, 3 weeks ago by
.
-
Posts
-
I need to remove the header image that appears in every page under the menu and on top of the main content of each pages and as well the text that appear above the image.
Every page includes this image by default and its possible to disable the image but the space stays with the text. I want to disable only in a couple of them and avoid that empty space so visitors can get into the content immediately of my choose pages.
Is there any CSS code that I can add to the page of my choice and to disable image and text headers?
Hello, @CARITO Please add this CSS in the Additional CSS
.postid-121 #page-site-header {
padding: 63px 0;
background-image: none !important;
}
.postid-121 header.page-header {
display: none;
}
As you can see the postid here please change that postid with the id of the page that you want to make the changesGo to Customizer >> Appearance >> Additional CSS, paste the above CSS there, and published the site.
let us know if you have any issues with it.Regards,
ThemepalaceI could not make it work with the recommendation.
So this is what I am doing. When editing the page I get the id and then used in the CSS code like this:
.postid-774 #page-site-header {
padding: 63px 0;
background-image: none !important;
}
.postid-774 header.page-header {
display: none;
}I added it to the CSS section and published the change, nothing happens. I do still see the Page label and the Featured Image on the page.
- You must be logged in to reply to this topic.
