Card Background Image

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Card Background Image

Two Aow pro premium priority asked 2 years ago

Expected behavior Create a Card with a background Image and text over the image.

Actual behavior Cards appear to only have a background color. Is it possible to make a card with a background image? I know how to do this with css, but am having fun using the cards.

Resources (screenshots, code snippets etc.)

enter image description here

Wojciech Staniszewski staff commented 2 years ago

You could try to apply an inline style with background-image. MDBCard does not have a property for the background image.

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

Open

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 4.2.0
  • Device: MacBook Pro
  • Browser: Chrome
  • OS: Monterey
  • Provided sample code: No
  • Provided link: No
Tags
card background-image
Related topics
1
Multiple Cards using *ngFor
1
CSS not applied
0
Chart background
0
Card header background title
0
Implementation of background image
About author
Two Aow
Pro User Premium support
0Support score
14Questions 4Answers
0Snippets likes 0Snippets