Topic: dropdown menu item color

Taomgirl pro asked 4 years ago


I am unable to figure out how to change the background color of the dropdown items when they are hovered or selected. It's a  turquoise type color which does not match my theme.
<li className="nav-item dropdown text-primary">
<aclassName="nav-link dropdown-toggle"id="navbarDropdownMenuLink"data-toggle="dropdown"aria-haspopup="true"aria-expanded="false">Admin</a>
<divclassName="dropdown-menu dropdown-default"aria-labelledby="navbarDropdownMenuLink">
<LinkclassName="dropdown-item"to={`/Admin`}> Manage Content</Link>
<AuthButton/>
</div>

TeddyS31 pro answered 4 years ago


yes but what if you wanted to use a custom color in a css or scss file? There is no class that allows you to change it


Piotr Glejzer staff commented 4 years ago

I responded on your main topic about that problem. Have a nice day.


TeddyS31 pro commented 4 years ago

yes thank you i was able to resolve it!


Piotr Glejzer staff answered 4 years ago


Hi, we are using classes like : dropdown-primary or dropdown-info and more to change the background color of items in the dropdown.  You have 'dropdown-default' so you have a default color. Here are examples : Material colors dropdowns Best, Piotr

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.10
  • Device: desktop
  • Browser: crhome
  • OS: Majave
  • Provided sample code: No
  • Provided link: No