Custom background navigation colour

2 posts, 0 answers
  1. Manolo
    Manolo avatar
    4 posts
    Member since:
    Sep 2015

    Posted 14 Sep 2015 Link to this post


    I want change the colour of a navigation.

    The property BackColour doesn't work, and if I want modify a Skin with your tool this control doesn't appear.

    How can i change the background colour?


  2. Ivan Zhekov
    Ivan Zhekov avatar
    604 posts

    Posted 17 Sep 2015 Link to this post

    It's quite easy to customize the background color and image of RadNavigation:

    html .RadNavigation .rnvRootGroupWrapper {
        background-image: linear-gradient( rgba( 255, 255, 255, .3), rgba( 255, 255, 255, .1) );
        background-color: green;

    With this example, we are setting the background-color to be green and then an overlay gradient to make it feel a bit "3D". In browsers like IE8-9, you won't be seeing the graident image, but in the rest, the gradient will be seen just fine.

    Ivan Zhekov
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top