+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / SiteMenu active links

SiteMenu active links

3 posts, 0 answered
  1. Matthew
    Matthew avatar
    7 posts
    Registered:
    30 Sep 2010
    12 Jan 2011
    Link to this post
    Hello,

    I'm having quite a bit of trouble getting items in my site menu to appear a certain color when active. Hover works fine, but not active. It only changes to this color while being clicked. Does anybody know remedy for this?

    I've tried many things.. including:

    .RadMenu .rmHorizontal .rmLink:active .rmText
    {
    color: #000 !important;


    .rmRootGroup .rmLink:active
    {
    color:#8d278d !important;
    }

    .RadMenu a:active
    {
        color: #000000 !important;
    }

    .rmRootGroup a:active
    {
    color: #8D278D !important;
    }

    ..and more..

    Is this something better handled in code-behind or JS?
  2. Matthew
    Matthew avatar
    7 posts
    Registered:
    30 Sep 2010
    14 Jan 2011
    Link to this post
    I got it working without having to add to the code-behind:

    CSS:

    ul.rmRootGroup .rmFocused
    {
    color:#8d278d !important;
    }


    .rmSlide ul.rmRootGroup li rmFocused
    {
    color:#8d278d !important;
    }
  3. Jordan
    Jordan avatar
    172 posts
    Registered:
    20 Oct 2015
    17 Jan 2011
    Link to this post
    Hello Matthew,

    Sorry for the delayed response. Another way to avoid the !important rule is to use more descriptive selectors. Just for for example:

    #main .RadMenu li div.rmSlide ul.rmRootGroup li rmFocused


    Greetings,
    Jordan
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Register for webinar
3 posts, 0 answered