Bold Parent Menu Font

[dhuss]

I have a custom control that contains a radSkinManager, radScriptManager and a radMenu. This control is on every web page. My client wants the "Default" skin applied and the font on the menu set to bold. I have set the radMenu property "Font-Bold='true'" but the skin overrides this and turns off the bold. How do I get around this??

[Kalina]

Hi dhuss,

In order to make bold the font of the parent RadMenu items - please override the css  styles applied to these items:

div.RadMenu_Default .rmItem .rmLink
{
    font-weight: bold;
    color: rgb(0, 0, 0);
}
div.RadMenu_Default .rmItem .rmLink .rmExpandDown
{
    font-weight: bold;
}
div.RadMenu_Default .rmGroup .rmItem .rmLink
{
    font-weight: normal;
}

If you prefer to make the font of all items bold – just change the last overriden style:

div.RadMenu_Default .rmItem .rmLink {

font-weight: bold;
color: rgb(0, 0, 0);

}

div.RadMenu_Default .rmItem .rmLink .rmExpandDown {

font-weight: bold;
}

div.RadMenu_Default .rmGroup .rmItem .rmLink {

font-weight: bold;
}

Best wishes,
Kalina
the Telerik team

[dhuss]

That worked, thanks