2017  Kodetalk | Feedback | Privacy Policy | Terms | About
userimage

How to make background of single color of materialized css card

I have below card where


I need to make changes like to show a single color instead of image.

userimage

try below css:

.imageColor {
   height: 200px;
   background-color: red;
}
<div class="card">
      <div class="waves-effect waves-block waves-light imageColor">
      </div>
      <div class="card-content">
         <span class="card-title activator grey-text text-darken-4">Card
            Title<i class="material-icons right">more_vert</i>
         </span>
         <p>
            <a href="#">This is a link</a>
         </p>
      </div>
      <div class="card-reveal">
         <span class="card-title grey-text text-darken-4">Card Title<i
            class="material-icons right">close</i></span>
         <p>Here is some more information about this product that is only
            revealed once clicked on.</p>
      </div>
   </div>
Answer is