Custom background navigation colour

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

    Posted 11 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 Danchev
    Ivan Danchev avatar
    1617 posts

    Posted 17 Sep 2015 Link to this post


    You can create a custom skin for the RadNavigation control with the Telerik Theme Builder (currently in Beta).

    With regard to changing the background color of the Navigation, this can be achieved with the following CSS rule:
    Copy Code
    html .RadNavigation .rnvRootGroupWrapper {
        background-color: blue;
        background-image: none;

    You can change the color of the nodes in hovered/selected state and have a different background color for each state:
    Copy Code
    html .RadNavigation .rnvHovered .rnvRootLink  {
        background-color: lightblue;
        background-image: none;
    html .RadNavigation .rnvSelected .rnvRootLink  {
        background-color: lightgreen;
        background-image: none;

    Ivan Danchev
    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