Topic: Navbar Hovered Item Color

Verzea pro asked 5 years ago

Hello, I want to modify your navbar's default background color for when the user hovers. The default hover background color is blue. Can you tell me how to modify it with CSS? Thanks!

Damian Gemza staff answered 5 years ago

Dear Verzea, You have to overwrite .dropdown-item:hover class. To your component.scss file add this code:
.dropdown.dropdown-menu .dropdown-item:hover {

background-color: red;

Above code change your's .dropdown-item:hover to red. Best Regards, Damian

Verzea pro commented 5 years ago

Thank you!

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 Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No