search

djibe / material

Material Design 2 for Bootstrap 4 (active fork of Daemonite Material)
https://djibe.github.io/material/
MIT License
68 stars 11 forks source link

Not able to change the background color in steppers #32

Closed gaurav2103 closed 3 years ago

gaurav2103 commented 3 years ago

image

I am not able to change the background color is it some issue or i am using the wrong way

gaurav2103 commented 3 years ago

The color white is not changing

tbuyle commented 3 years ago

From the screencap it looks like you are changing the background of your body or another container element.

Stepper have their own styling, including a backround color. these are set in https://github.com/djibe/material/blob/master/assets/scss/material/_stepper.scss where we can see that the variable $stepper-bg is used.

If you use SASS, you can change that variable. If not, you can set a new css rule applied to the .stepper class to change the background.

djibe commented 3 years ago

Hi,

thanks @tbuyle for your help.

Steppers have their own background because as many components for some themes they might need a proper dedicated background (ie Dark mode: greyish and not dark). A transparent background would cause a failing UX design.