Topic: Dropdown Hover- Can't Change Color

Christopher Stuart free asked 4 years ago


Hi i've seen this issue mentioned in a few other places, but I can't seem to resolve.

When i hover over the link in the dropdown, the text is white and has a lightish grey background so I cannot see the text.

Not sure what issue is but i do see that for a 'dropdown-item'  the class is showing as 'dropdown-item waves-effect waves-light' ...could that be a problem?

Anyways--I've added this code to my CSS file:

.navbar .btn-group .dropdown-menu a:hover {
 color: #000!important;
 }
 .navbar .btn-group .dropdown-menu a:active {
 color: #fff!important;
 }

 

Here is my code for where dropdown is:

<liclass="nav-item btn-group">
 <aclass="nav-link dropdown-toggle"id="navbarDropdownMenuLink"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false">Deals
 </a>
 <divclass="dropdown-menu dropdown-primary"aria-labelledby="navbarDropdownMenuLink">
 <aclass="dropdown-item"href="#">Action</a>
 <aclass="dropdown-item"href="#">Another action</a>
 <aclass="dropdown-item"href="#">Something else here</a>
 </div>
 </li>

 


Marta Wierzbicka staff answered 4 years ago


Hi, we will improve this dropdown code in next release. If you will need more help, just write here. Best, Marta

Christopher Stuart free answered 4 years ago


Actually--i got it to work by adding CSS to inline style--for some reason wasn't overwriting from my style.css file

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags