Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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?

    #647859

    Hi brendymullan,

    Have you started somewhere? If so please link to your site.

    Best regards,
    Rikard

    #650425

    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!

    • This reply was modified 7 years, 10 months ago by Brendan.
    #650464

    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

    #650467

    Perfect I didn’t realise I could target individual pages like that, cheers Vinay!

    #650671

    Hi,

    Glad we could help, please let us know if you should need any more help on the topic.

    Regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.