RadMenu 'Metro' skin, lowercase text.

2 posts, 0 answers
  1. Brian
    Brian avatar
    5 posts
    Member since:
    Jun 2011

    Posted 23 Apr 2012 Link to this post

    Hi there,

    I'm using the 'Metro' skin in a Radmenu as part of a company intranet site. The menu and skin work perfectly but I've noticed that the menu items display as 'lowercase'. I've inspected the RadMenu_Metro selector in Firebug and it is set to text-transformuppercase; so I'm not sure what to amend.

    Could someone tell me if it's possible to adjust the menu text to uppercase without creating a custom skin or is it just the case that some embedded skins like 'Metro' have a default lowercase setting?

    Many thanks

  2. Peter
    Peter avatar
    6637 posts

    Posted 26 Apr 2012 Link to this post

    Hi Brian,

    Please, add the following css to your page:
    <style type="text/css">
           .RadMenu_Metro .rmLink .rmText {
               text-transform: none;

    All the best,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top