Custom Store message CSS needed?

HasanKanchwala

I need some CSS for custom store messge any idea or hep much appriciated

Hethey

HI,
Use this code

<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
<b>Breaking News:</b> Because of COVID 19 Pandemic, Please don't come out of your home. We deliver your needs at your doorstep. Order now from your favorite stores. " STAY SAFE " Your Safety is our First Priority!
</div>

CUSTOM CSS
———————————————

/* The alert message box /
.alert {
padding: 20px;
background-color: #f44336; / Red */
color: white;
margin-bottom: 15px;
}

/* The close button /
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
/ When moving the mouse over the close button */
.closebtn:hover {
color: black;
}

abgaadelivery

Hethey
error

Hethey

abgaadelivery

HI,

Go to Admin > Settings > Custom CSS > Paste the above Code & Save Settings.

/* The alert message box */
.alert { 
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}
 
/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}