Okay
  Public Ticket #1936350
Button Color in Header
Closed

Comments

  • derachter started the conversation
    March 16, 2019 at 10:38pm

    Hey,

    how do I get the button in the header just like the other buttons in the gradient style. Can you give me the css code?

    Greetings

  •  8,996
    Tahir replied
    March 18, 2019 at 11:53am

    Hey Again, Hope you had a Great Weekend, 

    These are the only options available : http://themenectar.com/docs/salient/header-button-links/ . 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #header-outer[data-lhe="animated_underline"].transparent header#top nav > ul > li > a:after, #header-outer.transparent header#top nav>ul>li[class*="button_bordered"]>a:before {
    border: 0 !important;
    background: #e6037e;
    background: linear-gradient(125deg,#e6037e,#00d7fc);
}

    Thanks


    ThemeNectar Support Team 

  • derachter replied
    March 18, 2019 at 6:19pm

    Thanks! It Works! But unfortunately if you scroll down and up the button is still in white. Is it possible to change that?

  •  8,996
    Tahir replied
    March 19, 2019 at 10:33am

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a:after, #header-outer header#top nav>ul>li[class*="button_bordered"]>a:before {
    border: 0 !important;
    background: #e6037e;
    background: linear-gradient(125deg,#e6037e,#00d7fc);
}

    Thanks

    ThemeNectar Support Team 

  • derachter replied
    April 1, 2019 at 7:54pm

    Hey my friend, thank you for your nice help. Can you give me the same css code for cps.brandpackage.de . The same code doesn´t work.

  •  8,996