How remove a header content for a specific page?

Hi, I’d like to know what css code I need to inject into my page to remove a banner from one of my pages. I tried this code: .header-hero__content {
position: relative;
z-index: 1;
display: none;
} and this code :
.header-hero__content{display:none!important}
They remove the content for all pages, whereas I’d like to remove it only for a specific page.


I tried to add the id in the css settings, but it didn’t work.
Thank you in advance for your answers.

Hi! Try this, if you want to hide the hero image only:

.page-id-1464 .header-hero--cover{ background-image:none; }

Or this, if you want to hide only the content:

.page-id-1464 .header-hero__content{ display:none; }

If you want to hide on other page(s) too, change the page ID number.

2 Likes

Thank you, it works perfectly!

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.