0
Welcome Guest! Login
0 items Join Now

Active menu highlighting for List menu . . .Afterburner

    • Clint's Avatar
    • Clint
    • Newbie
    • Posts: 11
    • Thanks: 0

    Active menu highlighting for List menu . . .Afterburner

    Posted 14 years 8 months ago
    • How do I make the active page link in the List menu in Afterburner be highlighted?

      For instance check out: www.clintstandfill.com/index.php/clients.html and look at the left module menu and see how I can hightlight the menu item of the active page.

      Thanks for your help!
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Active menu highlighting for List menu . . .Afterburner

    Posted 14 years 8 months ago
    • Clint wrote:
      How do I make the active page link in the List menu in Afterburner be highlighted?

      For instance check out: www.clintstandfill.com/index.php/clients.html and look at the left module menu and see how I can hightlight the menu item of the active page.

      Thanks for your help!

      You could try in your light2.css to add these lines to control the Anchor link & hover of the menu:
      .menu a:link {whatever CSS properties you need;}
      .menu a:hover {whatever CSS properties you need;}
    • Clint's Avatar
    • Clint
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: Active menu highlighting for List menu . . .Afterburner

    Posted 14 years 8 months ago
    • DanG,

      Here is what I added into light2.css

      .menu a:link {text-decoration: underline;}

      However nothing actually changed that I could tell. It already has a hover setting for the menu but not sure from where it is calling that
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Active menu highlighting for List menu . . .Afterburner

    Posted 14 years 8 months ago
    • Clint wrote:
      DanG,

      Here is what I added into light2.css

      .menu a:link {text-decoration: underline;}

      However nothing actually changed that I could tell. It already has a hover setting for the menu but not sure from where it is calling that

      Hmmm - what are you trying to achieve with "text-decoration: underline"? The links when I hover over them do underline correctly and have no text-decoration when the mouse is off-link.

      But your right, my little CSS suggestion hasn't worked as it's not showing when I Firebug your site.
      So lets try this:
      .menu a:link {text-decoration: underline !important;}
    • Clint's Avatar
    • Clint
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: Active menu highlighting for List menu . . .Afterburner

    Posted 14 years 8 months ago
    • Dan,

      I put the code in to my css file. In Firefox nothing changed but in IE it made every menu item except the page I was on underlined.

      What I am trying to accomplish is to make the active page menu selection underlined. In other words, Once I am on the "About Rivercrest" page I want that menu selection underlined. I hope that makes sense.

      Thanks,

      Clint
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Active menu highlighting for List menu . . .Afterburner

    Posted 14 years 8 months ago
    • Clint wrote:
      Dan,

      I put the code in to my css file. In Firefox nothing changed but in IE it made every menu item except the page I was on underlined.

      What I am trying to accomplish is to make the active page menu selection underlined. In other words, Once I am on the "About Rivercrest" page I want that menu selection underlined. I hope that makes sense.

      Thanks,

      Clint

      Okay one last stab at it. Change the code in my last post to this:
      .menu #col2 a:visited {text-decoration: underline !important;}

      Hope it works for you.

Time to create page: 0.062 seconds