sberdat pro asked 5 years ago

Hi I changed the primary color in variables.scss: $primary-color: #1b3d63 !default; And also set the hover color of the dropdown to the primary color: /*** Dropdown ***/ $dropdown-bg-color: #fff !default; $dropdown-hover-bg-color: $primary-color !default; After compiling the hover color of the dropdown is still the standard blue: .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active { border-radius: 2px; color: #fff !important; transition: all 0.1s linear; background-color: #4285F4; } I also changed the brand primary in variables-b4: $brand-primary: #1b3d63 !default; Nothing seems to overwrite the standard blue... Thanks for your help.

sberdat pro answered 5 years ago

Found it: the !default; has to be removed.

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