Tagged: transparent header
-
AuthorPosts
-
June 13, 2016 at 9:04 pm #647645
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?
June 14, 2016 at 9:16 am #647859Hi brendymullan,
Have you started somewhere? If so please link to your site.
Best regards,
RikardJune 19, 2016 at 3:09 pm #650425Hi 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!
-
This reply was modified 9 years, 4 months ago by
Brendan.
June 19, 2016 at 7:24 pm #650464Hi,
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,
VinayJune 19, 2016 at 7:32 pm #650467Perfect I didn’t realise I could target individual pages like that, cheers Vinay!
June 20, 2016 at 8:14 am #650671 -
This reply was modified 9 years, 4 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
