Change menu and sub menu background on mouse hover
Hi,
I have been using telerik controls for one of my project.
The theme of my website is green. I used RadMenu for Navigation. On mouse hover orver menu and submenu items, i need to have green gradient background color. But the current is something like orange and yellow.
How to set the background color of menu and submenu items to green gradient color?
Please help,
Thanks,
Hello Randhir,
I suggest that you should images and set the HoveredImageUrl property of the RadMenu item.
/* different browser */
background-color: #3c464a;
/* FF browser from 3.6 */
background: -moz-linear-gradient(#3d474b, #263135);
/* Safari and Chrome browser */
background: -webkit-gradient(linear, left top, left bottom, from(#3d474b), to(#263135));
/* IE browser */
filter: progidXImageTransform.Microsoft.gradient(enabled=
'true'
, startColorstr=#3d474b, endColorstr=#263135);
Hi Dimitrov ,
Thanks for the reply,
but i have been using silverlight controls, i don't know how to apply css on silverlight controls. Is there something we can do by editing template or something we can do using expression blend.
I have trying to do this since two days, but no success. I am tired.
thanks,
Randhir
Hello Randhir,
This is Sitefinity forum and it is for the CTP version. If you use Sitefinity and CTP edition, please provide us with more details or sample project.
Kind regards,
Ivan Dimitrov
the Telerik team