Custom background navigation colour

[Manolo]

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 

[Ivan Danchev]

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