Okay
  Public Ticket #538547
Semi Transparent Initial Header Color
Closed

Comments

  • Kate started the conversation
    September 25, 2015 at 3:01am

    Hi, I would like my header to be semi transparent internally over the nectar slider and then it can be all white when the user scrolls. Is there any CSS for this?

  •  8,990
    Tahir replied
    September 25, 2015 at 11:54pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    html body #header-outer[data-transparent-header=\"true\"].transparent {
    background-color: rgba(255, 255, 255, 0.45) !important;
}

    Thanks


    ThemeNectar Support Team 

  • robert replied
    October 14, 2015 at 11:25pm

    how about the opposite?

    start transparent and then becomes semi-transparent?

    thanks

  •  8,990
    Tahir replied
    October 15, 2015 at 12:58am

    Add this :

    html body #header-outer[data-transparent-header=\"true\"].small-nav {
    background-color: rgba(255, 255, 255, 0.45) !important;
}

    Thanks

    ThemeNectar Support Team 

  • robert replied
    October 15, 2015 at 1:34am

    great it worked thanks!