Topic: Panel not reandering background color

vazom pro asked 5 years ago


Hi All

Looked the example for panels with styles. I applied the following styles including text and background style to the panel but it did not take effect see my code below:

<div class="row">

<divclass="col-4">

<mdb-cardclass="text-white mb-3"bgColor="warning"style="max-width: 20rem">

<mdb-card-header>Header</mdb-card-header>

<mdb-card-body>

<mdb-card-title>

<h5>Warning Panel title</h5>

</mdb-card-title>

<mdb-card-textclass="text-white">Some quick example text to build on the panel title and make up the bulk

of the

panel's content.</mdb-card-text>

</mdb-card-body>

</mdb-card>

</div>

<divclass="col-4">

<mdb-cardclass="text-white mb-3"bgColor="bg-danger"style="max-width: 20rem">

<mdb-card-header>Header</mdb-card-header>

<mdb-card-body>

<mdb-card-title>

<h5>Danger Panel title</h5>

</mdb-card-title>

<mdb-card-textclass="text-white">Some quick example text to build on the panel title and make up the bulk

of the

panel's content.</mdb-card-text>

</mdb-card-body>

</mdb-card>

</div>

<divclass="col-4">

<mdb-cardclass="text-white mb-3"bgColor="bg-success"style="max-width: 20rem">

<mdb-card-header>Header</mdb-card-header>

<mdb-card-body>

<mdb-card-title>

<h5>Success Panel title</h5>

</mdb-card-title>

<mdb-card-textclass="text-white">Some quick example text to build on the panel title and make up the bulk

of the

panel's content.</mdb-card-text>

</mdb-card-body>

</mdb-card>

</div>




</div>




Arkadiusz Idzikowski staff answered 5 years ago


Hello,

Please change 'warning' class to 'warning-color'.



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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.3.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: Yes
  • Provided link: No
Tags