Can't remove shadow from stepper in CSS


Topic: Can't remove shadow from stepper in CSS

TeddyS31 pro asked 6 years ago

I am trying to remove the stepper shadow but I am having trouble actually removing it or finding the correct code. Snippet below with the hover CSS code commented out

https://mdbootstrap.com/snippets/jquery/stanowski/256689

 /* ul.stepper .step-title:hover {
background-color: rgba(0, 0, 0, 0.06); } */

Bartłomiej Malanowski staff pro premium answered 6 years ago

By shadow, you mean the background color on hover? If so, I believe this is something you're looking for:

.stepper-horizontal li:hover {
  background-color: transparent;
}

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
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.15
  • Device: Macbook Pro 13
  • Browser: Chrome
  • OS: Mac OS Mojave
  • Provided sample code: Yes
  • Provided link: Yes