More in this section
Forums / Designing & Styling / Styling a single top level navigation link differently

Styling a single top level navigation link differently

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
3 posts, 0 answered
  1. Steve
    Steve avatar
    31 posts
    Registered:
    03 May 2011
    24 Feb 2012
    Link to this post
    Is there a way to apply a different style to one navigation link? I am using the horizontal menu and would like the link to one page to stand out more than the others.
  2. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    25 Feb 2012
    Link to this post
    You could use pure CSS with nth-child or some sort of other selector, but the problem is it's only for modern browsers LINK

    I'd suggest using jQuery to tag the item with a CSS class you can then style.  If the page is public somewhere I can give you the script if you'd like?

    Something like this perhaps?
    $(document).ready(function(){
       //Find the element, give it a class
      $("#yourmenuwrapper :contains('FAQ')").addClass("important-menu-item");
    });

  3. Steve
    Steve avatar
    31 posts
    Registered:
    03 May 2011
    27 Feb 2012
    Link to this post
    Thanks for the suggestions. I'll give them a try.
3 posts, 0 answered