This is a migrated thread and some comments may be shown as answers.

Custom background navigation colour

1 Answer 75 Views
Navigation
This is a migrated thread and some comments may be shown as answers.
Manolo
Top achievements
Rank 1
Manolo asked on 11 Sep 2015, 06:19 PM

Hi,

 I want change the colour of a navigation.

 The property BackColour doesn't work, and if I want modify a Skin with your tool http://stylebuilder.telerik.com this control doesn't appear.

 How can i change the background colour?

 

Thanks 

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 17 Sep 2015, 06:25 AM
Hello,

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;
}


Regards,
Ivan Danchev
Telerik
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
Tags
Navigation
Asked by
Manolo
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or