Okay
  Public Ticket #327180
Making the Header transparent please...
Closed

Comments

  • Mario started the conversation
    November 30, 2014 at 2:20am

    I would like to know how to make the header just a bit transparent.

    Right now it is white and wish to add a bit of transparency to it so that when the user scrolls down, the header becomes transparent.

    I only wish to get the transparency when the user scrolls down, otherwise I wish to have it solid white.

    I would appreciate any help. The code below did not work when inserted into the general settings of Salient.

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

    Also please take into account that I do not want to break the: "Search" functionality within the header.

    Thank you very much!

  •  8,847
    Tahir replied
    December 1, 2014 at 2:40pm

    Hey Mario!

    Can you provide your site url so i can write up some custom css. 

    Thanks

    ThemeNectar Support Team 

  •   Mario replied privately
  •  8,847
    Tahir replied
    December 2, 2014 at 2:46pm

    Hey Mario!

    I dont have a fixed ip so it would be difficult form me to right up the css. let us know when its live. 

    Thanks 

    ThemeNectar Support Team 

  • Mario replied
    December 3, 2014 at 6:33am

    Okay thank you. Any suggestions in the meantime that I can try? The above code I mentioned did not work. Thank you!

  •  8,847
    Tahir replied
    December 3, 2014 at 2:18pm

    Hey Again!

    Try this:

    html body div#header-outer {background-color: rgba(0, 0, 0, 0.8)!important;}

    Thanks 

    ThemeNectar Support Team 

  • Mario replied
    January 23, 2015 at 12:10am

    Thank you!