Topic: Bootstrap 5 card image overlay

Adrian Dragomir free asked 3 years ago

I was trying to reproduce the Angular Bootstrap 4 card image overlay example ( with Bootstrap 5 and I could not. Thank you for any help.

Grzegorz Bujański staff commented 3 years ago

In MDB 5 card image overlay is also available: Is this example not working properly for you?

Grzegorz Bujański staff answered 3 years ago

Just add background-color to the .card-img-overlay class

.card-img-overlay {
    background-color: rgba(0,0,0,0.7);

Adrian Dragomir free commented 3 years ago

Thank you very much, it is working now.

Adrian Dragomir free answered 3 years ago

enter image description here image overlay with Angular Bootstrap 4

Adrian Dragomir free answered 3 years ago

No, this is working, but I cannot change the color of the overlay to blue, black or something else as in Angular Bootstrap 4.

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: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 8.1
  • Provided sample code: No
  • Provided link: Yes