Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: change pre-defined colors

heimi premium asked 5 years ago


How can I change this pre-defined colors with my own #..... colors?

 <MDBBtn color="pink">Pink</MDBBtn>
  <MDBBtn color="purple">Purple</MDBBtn>
  <MDBBtn color="deep-purple">Deep-purple</MDBBtn>
  <MDBBtn color="indigo">Indigo</MDBBtn>
  <MDBBtn color="light-blue">Light blue</MDBBtn>
  <MDBBtn color="cyan">Cyan</MDBBtn>

Jakub Chmura staff answered 5 years ago


Hi @heimi

Button colors props make btn-colorProps class with !important. To overwrite this class with background !Important style you need to write your own CSS class with your own color and then use for example:

className=yourClass prop instead color='indigo.

Best regards,

Kuba



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: 4.22.1
  • Device: Web
  • Browser: Chrom
  • OS: OSX
  • Provided sample code: No
  • Provided link: No