How to change radsitemap font name?

[JJ]

I picked skin Telerik as my radsitemap skin. But I like the sitemap fonts to be Arial to match other page's fonts on my site. I tried to use

 

RadSiteMap1.Font.Name =

"Arial"  on form load but it doesn't work. The css seems controled by WebResource.axd. 
How I can change the font name?  Is there any example to show me how to  change the css?

Thanks,
Jessie

 

[Yana]

Hi Jessie,

You can modify the font name with the following css styles:

div.RadSiteMap_Telerik .rsmLink {
  font-family: Arial;
}

Kind regards,
Yana
the Telerik team

[JJ]

Thanks Yana. But it doesn't work.

I also tried

#MainMenu_RadMenu1

{
 font-family: Arial;
font-size:20px;
}
But it doesn't work either.

Below is the code of my sitemap
--------------------------------------------
<

 

telerik:RadSiteMap ID="RadSiteMap1" Runat="server"

 

 

DataSourceID="RadSiteMapDataSource1" Skin="Telerik" CssClass="rsmList"

 

 

>

 

 

 

 

 

 

<LevelSettings>

 

 

 

 

 

 

<telerik:SiteMapLevelSetting Layout="list" Level="1" MaximumNodes="14"

 

 

SeparatorText="" Width="20px" ListLayout-RepeatColumns="3" >

 

 

 

 

 

 

<ListLayout RepeatDirection="Vertical" />

 

 

 

 

 

 

</telerik:SiteMapLevelSetting>

 

 

 

 

 

 

<telerik:SiteMapLevelSetting Level="2" Layout="list" MaximumNodes="14"

 

 

SeparatorText="">

 

 

 

 

 

 

<ListLayout RepeatDirection="Vertical" />

 

 

 

 

 

 

</telerik:SiteMapLevelSetting>

 

 

 

 

 

 

</LevelSettings>

 

 

 

 

 

 

<DefaultLevelSettings>

 

 

 

 

 

 

<ListLayout RepeatDirection="Vertical" />

 

 

 

 

 

 

</DefaultLevelSettings>

 

 

 

 

 

 

 

</telerik:RadSiteMap>

 

[Yana]

Hi Jessie,

I've tested the css from my previous post and it works as expected, please find my test page attached.

All the best,
Yana
the Telerik team

[JJ]

Hi Yana,

Thank you very much for your help. It works perfectly.