Okay
  Public Ticket #338034
Header Gradient
Closed

Comments

  • Andrei started the conversation
    December 18, 2014 at 12:33pm

    Hi there, is it possible to add a gradient in the header (behind the logo and the menu), and how do I do this?

    I want to simulate this gradient in the header

    www.rydsglas.se .


    /Andrei

  •  8,427
    Tahir replied
    December 19, 2014 at 3:45pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    body #header-outer, body #search-outer {
    background: #1a1a1a;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #414141), color-stop(100%, #1a1a1a));
    background-image: -webkit-linear-gradient(#414141, #1a1a1a);
    background-image: -moz-linear-gradient(#414141, #1a1a1a);
    background-image: -o-linear-gradient(#414141, #1a1a1a);
    background-image: linear-gradient(#414141, #1a1a1a);
}
    Thanks

    ThemeNectar Support Team 

  • Andrei replied
    January 7, 2015 at 12:21pm

    Thank you, works like a charm!

    Is it possible to add this gradient to the footer area aswell?

    best regards /Andrei