Okay
  Public Ticket #240241
Opaque Header after scroll event
Closed

Comments

  • Andrew started the conversation
    July 1, 2014 at 8:10pm

    Hello,

    I am using the transparent header. After the inital scroll event when the header's background color come back I want to opaque the header.

    I've used this code:

    #header-outer {

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

    }

    However, it seems that even with the !important tag, it can not override the Salient settings. 

    Anyway to change this? Thanks for the help and love this theme. 

  •  8,405
    Tahir replied
    July 2, 2014 at 3:07pm

    Sure, Add this:

    body #header-outer[data-transparent-header="true"] {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

    Cheers

    ThemeNectar Support Team 

  • Andrew replied
    July 2, 2014 at 7:27pm

    Right on! Appreciate it.