2017  Kodetalk | Feedback | Privacy Policy | Terms | About

How to make left border colored of a material card panel

I am using materialize css and using card panel. What i want is to make the left side of the card panel of a single color as below image. I am trying to get the css for making it but no success. If anybody have solution please let me know. Please check the below image for reference.



Use below css for making your card work as pic:

.callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;

.callout-color {
	border-left-color: red !important;

use these classes with card-panel and will work for you.

Answer is