How to change active link color in bootstrap css? -


i using joomla 3 , bootstrap.min.js creating menu , giving special class in order change hover, active, visited links , style of menu. not find how change active link color of menu. suppose have 2 menu. home , contact. when in home red, want change color. change a:active , a:hover. here code;

.topmenu .active a, .topmenu .active a:hover {     background-color: white; } .topmenu > li > a{     color: orange;     font-weight:bold; } .topmenu > li > a:hover {     color: black;     background:white; }  

even used div change color of active link. here code

#top-menu a{ background-color: white; color: orange; font-weight:bold; } #top-menu a:focus {     color: orange; } #top-menu a:hover{     color: black; } 

every time when click home activated , color red. want change orange. can not find how it.

here markup code

<div id="top-menu"> <ul class="nav menu nav-pills topmenu"> <li class="item-109 current active"><a href="/joomla3/">home</a></li> <li class="item-138"><a href="/joomla3/?itemid=138"> russian </a></li> <li class="item-110"><a href="/joomla3/?itemid=110"></a></li></ul> </div> 

what suggest me do?

finally experiments found how capture it.

#top-menu .current {     color: orange !important; } 

thank time , help. appreciated!


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -