Tagged: transparent header
Hi there,
I would like to have transparent headers on each of my pages.
Each page will have a color section with either a light or dark image. On the pages with light images I will want my transparent header to have dark text / dark logo and on the page with dark images I want to use light text and light logo.
Hope that makes sense, Is this possible and if so what would be the best way to achieve it?
Hi brendymullan,
Have you started somewhere? If so please link to your site.
Best regards,
Rikard
Hi Rikard,
Attached link to current layout. Which is a one page site. I want to split each color section out into it’s own seperate page.
As you can see the very top of the page works well as it’s a dark background image with light menu text. But some of the color sections have bright images so the white menu text won’t work. It would need to be dark.
Is it possible to have two different headers, one with light text and one with dark?
Cheers!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
If you like to add this on more pages that has a white background please use the page ID which you can find in the body tag when you right click and inspect the page.
#top.page-id-3628 #header_main {
background: rgba(0,0,0,0.35)!important;
}
Best regards,
Vinay
Perfect I didn’t realise I could target individual pages like that, cheers Vinay!