How can i change the default colors of several forms (slider

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: How can i change the default colors of several forms (slider, switch, radio buttons etc.)?

ebebendel pro asked 6 years ago

Hi, how can i change the default color of all the native bootstrap and mdb addons? Sliders, Switch, radio btn, checkbox etc. Default is blue. i tried via scss and gulp, but there is no color variable for the several form layouts. How can i achieve this? Recompile mdb.min.css via scss? thx in advance Eberhard

Marta Szymanska staff pro premium answered 6 years ago

Hi, it's different for each of addons. For slider: in pro/range.scss change each $primary-color variable for your color value. For switch: in pro/switch.scss change each background-color for your color value. For checkbox: in pro/checkbox.scss change border-right, border-bottom color variable to your color value and $secondary-color variabke to your color value. For input: in free/forms.scss change border-bottom and box-shadow colors to your color value. For radio btn: in pro/radio.scss change border and background-color color variable to your color value. After all these changes you have to recompile your css. Best, Marta

ebebendel pro commented 6 years ago

Hi Marta, great! works fine now, i changed all colors. thx
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

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: independent
  • Browser: independent
  • OS: independent
  • Provided sample code: No
  • Provided link: No
Tags
slider-switch-color
About author
ebebendel
Pro User
20Support score
3Questions 1Answers
0Snippets likes 1Snippets