View Full Version : Active menu state behind default menu state

08-04-2012, 10:32 PM
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:

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


PS. the CSS code is based as http://www.tumblingtigers.co.uk/tigers/templates/viagranitti1.7/css/tdefaut.css

08-05-2012, 05:51 AM
Do you want to get rid of the paw for the current page-link, and just display the circle? Try adding this rule:

#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:

#navigation li.active a {
background: none;