1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: dropdown menu item color

Taomgirl pro asked 6 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 6 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 6 years ago

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

TeddyS31 pro commented 6 years ago

yes thank you i was able to resolve it!

Piotr Glejzer staff answered 6 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
Write
Create snippet
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
  • ForumUser: 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
Tags
dropdown-menu-item-color
About author
Taomgirl
Pro User 65Support score
11Questions 1Answers 0Snippets