You can use markdown and HTML in your notification messages for some customization. For more options you can add custome CSS to your page to modify the notification's appearance.
Customize Call To Action Text (Font, Size, etc)
#provesrc-notification-container .bubble-content .bubble-cta {
font-family: FONT_NAME_HERE !important;
color: "red" !important;
}
Customize Notification Title Text
#provesrc-notification-container .bubble-body .bubble-content .ps-bubble-title {
font-family: FONT_NAME_HERE !important;
color: "red" !important;
}
Notification Outer Margin / Padding
#provesrc-notification-container {
margin-bottom: 10px;
}
Mobile Only CSS Selector
#selector:not(._ps-desktop)
Change Notification Size
div#provesrc-bubble-body-container {
zoom: 1.2; // 1.0 is the default
}
Change Product Name/Link Color (To Be Different Than Title)
#ps-stream-product-link {
color: "red" !important; // OR rgb(255, 0, 0)
}