Page Alerts - Advanced

It is fairly easy to add code into the "Message" box of your alert message to add a bit more of a polished presentation:

Here is the code we copied and pasted into the "Message" box:

.su_bootstrap_safe .alert {
    border-radius: 10px;
    padding: 0px;
.su_bootstrap_safe .alert-danger {
    border: 4px solid #a94442;
.su_bootstrap_safe .alert-heading {
    text-align: center;
    border-bottom: 2px solid #a94442 !important;
.su_bootstrap_safe .alert h4 {
    margin-top: 0;
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 2px 2px 3px #000000;
    padding: 28px;
    background: #a94442;
    border-radius: 6px;
    background: url(;
    background-repeat: no-repeat;
    background-size: cover;
.su_bootstrap_safe .alert>p, .su_bootstrap_safe .alert>ul {
    margin-bottom: 0;
    padding: 20px;
Due to the Coronavirus, we are closing our doors for three weeks. <br><a target="" href="/help/knowledge-base/notice-block/page-alerts---advanced#">&gt;&gt; Connect with us Online</a>