Okay
  Public Ticket #504628
How to make header transparent?
Closed

Comments

  • Filippo10 started the conversation
    August 18, 2015 at 2:38am

    Hi ThemeNectar,

    Is it possible to adjust transparency of the header in theme salient?

    Thank you in advance,

    Emil

  •  8,987
    Tahir replied
    August 18, 2015 at 7:32pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    div#header-outer {
    background-color: rgba(255, 255, 255, 0.48) !important;
}

    Thanks

    ThemeNectar Support Team 

  • Filippo10 replied
    August 18, 2015 at 10:09pm

    Hi Tahir,

    Thank you very much.

    Do you know how to make the grey \"inner-header\" disappear? As you can see on \"Pic 1\" there is a grey box at the top, but when I scroll down the box does not follow the transparent header as on \"Pic2\".

    Thanks,

    Emil

  •  8,987
    Tahir replied
    August 19, 2015 at 1:43pm

    Hey ,

    I am afraid the markup doesnt allow a semi transparent header or we would have a option for it in the Salient Theme Options Panel . I provide the css incase you used the Permanent Transparent Header Option .

    Thanks

    ThemeNectar Support Team 

  • Filippo10 replied
    August 19, 2015 at 9:40pm

    Hi Tahir,

    Thank you!

    How do I then use the permanent transparent header option then?

    Thanks

    Emil

  • Filippo10 replied
    August 19, 2015 at 10:10pm

    Also, do you know how I can insert </b>\'s in the footer text?

  •  8,987
    Tahir replied
    August 20, 2015 at 3:38pm

    Hey ,

    You simply have to select the option in Salient Theme Options Panel -> Header Section. As regards the footer you will likely have to edit the footer.php via Appearance -> Editor.

    Thanks

    ThemeNectar Support Team 

  • Filippo10 replied
    August 20, 2015 at 9:22pm

    Thank you Tahir,

    I have one last question, then I promise not to bother you any more:)

    I have this css code in my theme:

    }

    header#top nav > ul > li.menu-item-has-children > a {

    pointer-events: none !important;

    }

    Do you know what the css would be if I want my menu items to still have have children, but also be a page themselves?

  •  8,987
    Tahir replied
    August 21, 2015 at 3:10pm

    Hey ,

    Simply remove that css and it should work as normal.

    Thanks

    ThemeNectar Support Team 

  • Filippo10 replied
    August 21, 2015 at 10:16pm

    Thank you very much for the support Tahir.