DEMO
Above all, add the following code special icons placed above the </ head> If you are available upon
there is no need to add it
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>
go to edit the template
Search using CTRL + F for: ]]> </ b: skin
Place the following code before it
.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#39484d;text-align: center;}.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}.alert-message span{font-size:14px!important}.alert-message i{font-size:22px;text-align:left;display:inline-block;position:absolute;right:0;top:0;padding:20px;opacity:0.8;}.alert-message.success{background-color:#00acd6;color:#fff}.alert-message.success a,.alert-message.success span{color:#fff}.alert-message.alert{background-color:#0073b7;color:#fff}.alert-message.alert a,.alert-message.alert span{color:#fff}.alert-message.warning{background-color:#efa666;color:#fff}.alert-message.warning a,.alert-message.warning span{color:#fff}.alert-message.error{background-color:#f56c7e;color:#fff}.alert-message.error a,.alert-message.error span{color:#fff}.alert-message.happy{background-color:#FA8734;color:#fff}.alert-message.happy a,.alert-message.happy span{color:#fff}.alert-message.link a,.alert-message.link span{color:#fff}.alert-message.link{background-color:#F44242;color:#fff}.alert-message.hi a,.alert-message.hi span{color:#fff}.alert-message.hi{background-color:#57DF69;color:#fff}.alert-message:hover {background-image: linear-gradient(110deg, #766D6C 0%, #606364 50%,
Fund color: CODE Set different background-color: # 00acd6 is the color code colors other color that you like change
how show efected
Directed to the topic you are editing
Jump to HTML tab
Put the code you want from the following codes
<div class="alert-message success"> your text you want see it here <i class="fa fa-check-circle"></i> </div> <div class="alert-message alert"> your text you want see it here <i class="fa fa-info-circle"></i> </div> your text you want see it here <i class="fa fa-info-circle"></i> </div> </div> <div class="alert-message warning"> your text you want see it here <i class="fa fa-exclamation-triangle"></i> </div> your text you want see it here <i class="fa fa-exclamation-triangle"></i> </div> </div> <div class="alert-message error"> your text you want see it here <i class="fa fa-exclamation-circle"></i> </div> your text you want see it here <i class="fa fa-exclamation-circle"></i> </div> </div> <div class="alert-message happy"> your text you want see it here <i class="fa fa-bell-o"></i> </div> </div> <div class="alert-message link"> your text you want see it here <i class="fa fa-link"></i> </div> </div> <div class="alert-message hi"> your text you want see it here <i class="fa fa-quote-right"></i> </div>
dfsdfdff
Post a Comment