Now, when i tried to put message boxes that you mentioned in your first short codes post on mbt, nothing showed exclude the word ‘Warning’. So when I went to Google Chrome’s Developer tools and added sc-message in div class, the CSS worked! So I removed sc-message and used .sc-warning, .sc-alert, .sc-success, .sc-info in place of it. but my problem was not solved now because fontawesome icons was not showing before words, So I again looked the css that you have installed on your demo page and found
.sc-success.sc-message div.title::before So to solve it, I replace it with
.sc-success::before and this solved my all problem! Now I am able to use all short codes without any confusions! Thanks Again and hope that you will solve this in your coming post because that css is not posted.
You can see my short codes lab here