Topic: Dropdown Hover- Can't Change Color

Christopher Stuart free asked 6 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
 <divclass="dropdown-menu dropdown-primary"aria-labelledby="navbarDropdownMenuLink">
 <aclass="dropdown-item"href="#">Another action</a>
 <aclass="dropdown-item"href="#">Something else here</a>


Marta Wierzbicka staff answered 6 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 6 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.


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



Specification of the issue

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