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
Post a Comment