Highlight information
Used to emphasize important information.
How to use this component
This component should only be used on single line content.
Code Resource
<p class="ct_note">Please note: This is important information.</p>.ct_note, .ct_note_list {
float: left;
margin-top: 0px;
padding: 16px;
box-sizing: border-box;
margin-bottom: 25px!important;
padding-right: 17px;
background: #e8ebf1;
position: relative;
width: 100%;
}
.ct_note:before {
content: "\f06a";
font-family: "Font Awesome 5 Pro";
font-weight: 600;
float:left;
margin-right:15px;
color:#017988;
min-height: 26px;
}
Working Example
Please note: This is important information.