1. Home
  2. Recent Sales Popup Alert
  3. Notification CSS Customization

Notification CSS Customization

ID used

Image : hbrsp-img

Message : hbrsp-msg

Don’t show again: hbrsp-dontshow

Using the IDs you can add the CSS code in to custom CSS code field.

For example if you want to change the font size of the message you can add code like this into the custom css field

#hbrsp-msg{
    font-size:16px;
}

Adjust width for mobile device

Custom CSS

@media only screen and (max-width: 470px) {
.alerthb-user{
max-width:300px !important;
}
}
Was this article helpful to you? Yes No

How can we help?