Hi,
I’m using Newspaper 8.6, Header Style 3 – Multipurpose.
I have set Theme Colors > Main Menu Background to a solid color, but I want to create a transparent header on one page only using CSS.
So far I have tried the code below in the Live CSS – it changes the color of the correct area, but when setting the alpha to 0.0, it allows the color from the theme panel to show through – it does not make the header transparent to the background image. I’m using the template Pagebuilder + Overlay Menu.
.td-header-menu-wrap {
background-color: rgba(0, 0, 0, 0.0);
}
Can you please assist with the CSS override I need?
Thanks!
I actually found the right css code.
.td-container-wrap {
background-color:transparent!important;
}
However, when inputting this code into CSS Live of the selected page, it will not save. As soon as the page is refreshed, the code is gone.
Thanks.
Still not correct as I just noticed that this css also stripped the background from the footer on this page. Still looking for a way to make the header transparent, leaving the footer alone. Thanks!
Hi,
You could try a code like this to make the header transparent
– https://www.screencast.com/t/natmBKVX4C
This code will apply to the whole website, it could be made more precise if needed. It can be entered in Theme panel->Custom CSS
.td-header-wrap .td-header-menu-wrap-full,
.td-header-wrap .td-container-wrap{
background-color: transparent;
}
.td-header-gradient:before {
display: none;
}
Please let us know if this is not what you wanted, we will try a different solution.
Thanks
Hi Simion,
Thanks for your response. I ended up solving my challenge with the following code:
.td-container-wrap {
background-color:transparent!important;
}
.td-footer-wrapper {
background-color:#393e48!important;
}
