How to style Profile Updated notifications in Webflow after saving?

Post author
Nick Simmons

I wanted to find out from the group if it’s possible to change the styling of the Profile Updated notifications when saving in Webflow.

Comments

2 comments

  • Comment author
    A J

    Hey Nick Simmons,

    While this guide shares the starting point of customizing pre-built modals with CSS, you could further explore using custom CSS to style the notification elements by inspecting that element in the browser to figure out what to target instead of #msOverlay as shared in the guide.

    For example, in my personal dummy site settings, I added the following code in the Head section:

    <style> 
    [data-ms-message = "success"] .ms-error-message {
    background-color: purple !important;
    }
    </style>

    This changed the color and I could see the result on the site as shown in the screenshot. You could explore further on which elements you want to customize as per your design requirements. Hope this helps.

    0
  • Comment author
    Duncan from Memberstack

    We also have a feature for this 🎉 https://docs.memberstack.com/hc/en-us/articles/9951195874587-Custom-Error-Success-Messages

    0

Please sign in to leave a comment.