Topic: Custom Hover Colors For Dropdown Menu Item

TeddyS31 pro asked 4 years ago

So with the dropdown menu, I am unable to change the hover color to a specific color of my choosing in the scss file. I can only use the prefix classes from MDB. Am I missing something or can this not be changed at all? 

a .dropdown-item:hover {
color: $main-green;

Piotr Glejzer staff commented 4 years ago


you can overwrite our styles with your own styles. We share our colors in _colors.scss and you can use these variables at your project or you can write your own variables in _custom-style.scss or create your own file. You have to use gulp to compile everything properly.

Video for check -->

or is a problem with something different? 



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: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.10
  • Device: Macbook Pro 13
  • Browser: Chrome
  • OS: Mac OS X Mojave
  • Provided sample code: Yes
  • Provided link: No