开发者

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;}
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜