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

Forums / Designing & Styling / Styling a single top level navigation link differently

Styling a single top level navigation link differently

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