Font problem in silk skin

4 posts, 0 answers
  1. Kjell
    Kjell avatar
    203 posts
    Member since:
    May 2011

    Posted 03 Jul Link to this post

    I use Rad Navigation in a Control and MasterPage.
    When i use Silk skin, font in sub menu is lost.

    Se attached image

  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    831 posts

    Posted 05 Jul Link to this post

    Hello Kjell,

    I attached sample content and master pages and a UserControl with the RadNavigation using Silk skin. Please modify them so the issue is reproduced and post your modifications. If you are applying custom CSS add it if it is needed for replicating the behavior.

    Regards,
    Ivan Danchev
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kjell
    Kjell avatar
    203 posts
    Member since:
    May 2011

    Posted 21 Nov in reply to Ivan Danchev Link to this post

    Still big problem with the font in sub menu.
    Bootstrap works, now default in web.config. but 80% of all skins do i have problem with. You can test your WebUserControl.ascx from TestFont.zip here. http://www.avaudden.se/test/Default.aspx

    I use App_Themes, you found it here: http://www.avaudden.se/App_Themes/gray/standard.css

    Suggested action of my problem? I want to use Telerik skin....

     

  5. Ivan Danchev
    Admin
    Ivan Danchev avatar
    831 posts

    Posted 24 Nov Link to this post

    Hello Kjell,

    Thank you for the additional information provided.

    As you can see in the following screenshot the sub-menus are rendered outside the main Navigation div element and outside the div with id pagewrap you apply the HelveticaNeue-Light font to. And since the sub-menus are not placed in the div the font is not applied to them. In order to apply it you can add the sub-menus class (rnvSlide) to your CSS rule:
    #pagewrap, .rnvSlide {
        color: #333333;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 14px;
        line-height: normal;
        font-style: normal;
        background-color: white;
    }


    Regards,
    Ivan Danchev
    Telerik by Progress
    Telerik UI for ASP.NET AJAX is ready for Visual Studio 2017 RC! Learn more.
Back to Top