Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Active menu state behind default menu state

    Hi there.

    I am quite new to Joomla and would call myself a hobby man when it comes to HTML.

    I have taken a template I purchased and am editing it.

    I am dealing with the Main menu items at the top of my page:
    http://www.tumblingtigers.co.uk/tige...x.php/about-me

    I am trying to get the ACTIVE menu item background above the normal item. As seen on my site currently the normal background image (black paw) is overlaying the active item (green circle).

    I have notice that the menu items in the CSS are based on "#navigation a" and "navigation a:hover" BUT the active background item is based on "'navigation li.active"

    I have tried using "navigation a.active" and "navigation a:active" but does not work.

    Can someone help

    Will

    PS. the CSS code is based as http://www.tumblingtigers.co.uk/tige...ss/tdefaut.css
    Last edited by willbo987; 08-04-2012 at 10:41 PM.

  • #2
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Do you want to get rid of the paw for the current page-link, and just display the circle? Try adding this rule:

    Code:
    #navigation li.current a {
    background: none;
    }
    [The paw is a background to the a-link.]

    I think it's based on the classname 'current' rather than 'active'. But if not, just try:

    Code:
    #navigation li.active a {
    background: none;
    }
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •