It is fairly easy to add code into the "Message" box of your alert message to add a bit more of a polished presentation:
Services Closed!
Due to the Coronavirus, we are closing our doors for three weeks.
>> Connect with us Online
Here is the code we copied and pasted into the "Message" box:
<style>
.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(https://www.adventistchurchconnect.com/file/26/Coronavirus_2.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.su_bootstrap_safe .alert>p, .su_bootstrap_safe .alert>ul {
margin-bottom: 0;
padding: 20px;
}
</style>
Due to the Coronavirus, we are closing our doors for three weeks. <br><a target="" href="/help/knowledge-base/notice-block/page-alerts---advanced#">>> Connect with us Online</a>