Hi Robert,
I think that the problem can be solved with some CSS selectors. You were pretty close, really. The selector that you mention can be used to change the font of all items:
.RadMenu .rmLink .rmText |
{ |
font-family: serif; |
} |
|
In order to change the font of specific items only, you need something like this:
.RadMenu .rmLink.sansSerif .rmText |
{ |
font-family: sans-serif; |
{ |
|
Here, "sansSerif" is the custom CssClass applied to the item. The tricky part is that it is applied to the link element.
I can recommend you an indispensable tool that can really make your life easier when dealing with such problems.
Firebug is a free Firefox plug-in that allows you to debug and modify CSS styles without leaving the browser. You should give it a try.
I hope this helps.
All the best,
Tsvetomir Tsonev
the Telerik team