[Solved] Telerik Grid and Nav Menu uses same css style

[Mahendran]

This is the issue that I am having in my .net MVC application. I am using Telerik for my Menu and Grid. Both components using t-link class. When I hover on menu item, the background color changes in the menu and similarly when I hover on Grid Column names, back ground color changes. Users do not want Background color change in Grid but they want in Menu. Also they want the text color of Grid Header to change when hover but not in Menu Items. Is there anyway I can tackle this issue?

Thanks 
MG

[Petur Subev]

Hello Mahendran,

You can override the CSS rules for the Grid simply by creating a rule for that page which has higher priority for the Grid component:

.t-grid th.t-header .t-state-hover {
    background:none;
    color: #f00;
}

I hope this helps.

Regards,
Petur Subev
the Telerik team