Topic: MDB 8 - mdbBtn missing shadow

itay pro asked 5 years ago

<button mdbBtn color="success" size="lg">התנסות</button>

Was shadow:

Now no shadow:

.btn {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: inherit;

Arkadiusz Idzikowski staff commented 5 years ago

The button still has the same shadow as in previous version (it's more visible only on hover). Do you have problem with overwriting our styles?

In which product does this problem occur? Mdb pro / admin template?

itay pro answered 5 years ago

Pro of course

What do you mean by admin template ?

Shadow does appear on hover

I overwrite your styles as described above

Arkadiusz Idzikowski staff commented 5 years ago

We can't reproduce this problem on our end. If it's possible please send a simple demo to

We need to check if there are no problems with the migration from MDB 7 to 8.

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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: NA
  • Browser: NA
  • OS: NA
  • Provided sample code: No
  • Provided link: Yes