Menu Fonts

[Robert]

How does one change the font of the menuitems?  I've tried setting the font-names property, I've tried adding font-family to the CssClass it's using, nothing seems to be able to change the font style.

I'd like to change it for the entire menu control, but I wouldn't mind just including it in a class that gets passed to each item.  Any help would be greatly appreciated.

Robert

[Robert]

Okay, I've managed to get the fonts overridden for the entire menu by setting the .RadMenu .rmLink .rmText CSS items.  I'd still like to know how to override an individual item as the font-names, and CssClass settings seem to have no effect.

Thanks!

Robert

[Robert]

Okay, I've got this figured out, it was the skinning that was causing me the problems.  I either need to make a custom skin, or turn it off alltogether.

Robert

[T. Tsonev]

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

Instantly find answers to your questions at the new Telerik Support Center