Joomla - 如何高亮显示活动页面的菜单项

Question

How do you highlight the menu item of the active page?

Thanks! Steph

Answer 1

Please use following Css to Highlight selected/ active/ Current menu item

.menu ul ul{padding-left:10px;}
.menu ul li.active a{font-weight:bold;}
.menu ul li.active ul a{font-weight:normal;}
.menu ul li.active ul li.active a{font-weight:bold;}

This will work 100%.

Answer 2

AFAIK the active menu position should have a special css class assigned to it. The class is probably called "active". You can target this class with some css rules and you should be done.

Answer 3

That's very easy i just found it. That you have to do overrode for css such as a:link, a:hover, a:visited are using white colour but you need grey colour instead for active page you just make anything the same and put !important behind that in #active_menu as example :

#main a:link, #main a:hover, #main a:visited {colour:#FFF;}

#active_menu {#CCC !important;}

Answer 4

Please Try this Css

#menu ul li.active a{background-color:#eee;color:#333;
                     border-bottom:1px solid #eee;}