Okay
  Public Ticket #243000
How can i change the opacity of the header?
Closed

Comments

  • Exon started the conversation
    July 7, 2014 at 4:22pm

    Hi, i would like to change the opacity of the header when scrolling down(sticky header), what is the CSS code for the header?

  • Exon replied
    July 7, 2014 at 4:34pm

    Solve

  •  1
    Drew replied
    September 2, 2014 at 5:13pm

    Hey Exon, came across this…

    Would like to know your solution.  What did you come up with??

  •  8,839
    Tahir replied
    September 3, 2014 at 4:17pm

    Hey Drew!

    Add this into the Custom CSS box located in your Salient Options panel :
    html body #header-outer[data-transparent-header="true"] {
    background-color: rgba(255, 255, 255, 0.56) !important;
}
html body[data-header-color="custom"] #header-secondary-outer {
    background-color: rgba(255, 255, 255, 0.56) !important;
}
    Cheers

    ThemeNectar Support Team