RadMenu Font size

[Thomas]

I am trying to change the font size of the whole RadMenu with

<telerik:RadMenu ID="RadMenu1" runat="server" Skin="Sunset" Width="100%" Font-Size="Larger"> 

Unfortunaltely that doesn't work, I have to apply the font-size to every Menu item itself.
<telerik:RadMenuItem runat="server" Text="xxx" NavigateUrl="xxx.aspx" Font-Size="Larger">

Is this a feature or a bug?

Thanks, Thomas

[Princy]

Hello,

When you are using a skin you have to override the default font-size using css.
CSS:

.RadMenu_Sunset, .RadMenu_Sunset a.rmLink
{
    font-size :larger !important;
}

Thanks,
Princy.

[Shoshanah]

Thanks Princy.

I have a followup question for this solution. In my application, we allow users to select the Skin they want to use.  Is there a way to use CSS to set the font that would apply to all skins?

[Princy]

Hi Shoshanah,

In order to achieve your scenario please try to set the CssClass for the RadMenuItem to change the font-size as follows.

ASPX:

<telerik:RadMenu ID="rmenuTestItems" runat="server">
    <Items>
        <telerik:RadMenuItem Text="Item1" CssClass="item-font">
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Item2" CssClass="item-font">
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

CSS:

.item-font
{
    font-size: large !important;
}

Thanks,
Princy.