Okay
  Public Ticket #341739
Header Transparency
Closed

Comments

  • Collin started the conversation
    December 27, 2014 at 12:31pm

    Hi, I am trying to have the Header semi-transparent at all times.  I only have luck with this before or after the scroll... but not both.  Im using this custom CSS:

    body div#header-outer[data-transparent-header="true"].transparent {

    background-color: rgba(0, 0, 0, 0.8)!important;

    }

    body #header-outer.small-nav {

    background: rgba(0, 0, 0, 0.8);

    }

  •  8,427
    Tahir replied
    December 29, 2015 at 2:40pm

    Hey!

    Can you provide your site url so i can have a look. 

    Thanks

    ThemeNectar Support Team 

  •   Collin replied privately
  •  8,427
    Tahir replied
    December 30, 2015 at 3:03pm

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    body div#header-outer {
    background-color: rgba(0, 0, 0, 0.8)!important;
}


body #header-outer.small-nav {
    background: rgba(0, 0, 0, 0.8);
}
.parallax_slider_outer.first-section {
    margin-top: -86px!important;
}

    Thanks 

    ThemeNectar Support Team