Joomla - how to hightlight the menu item for active page
How do you highlight the menu item of t开发者_Go百科he active page?
Thanks! Steph
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%.
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.
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;}
Please Try this Css
#menu ul li.active a{background-color:#eee;color:#333;
border-bottom:1px solid #eee;}
精彩评论