Hello,
Currently if you submit a message via the ‘Contact Form’ on my website, it displays the success message in plain black text (as shown in my attached screenshot). I want to update that ‘success’ text design so it stands out better to customers. Ideally, I would like it to to display as a green banner as shown in the second screenshot I attached.
Any advice on how to do this?
Thank you!
Current Design:
Desired Design:
To do this, it needs to be coded.
You need to follow this guide.
In admin go to online store → click actions → Edit code → find something like contact page and search for the thank you message, if it doesn’t show up you are in the wrong place.
If you finally find the message, edit the text to what you want. Then next wrap the text in the following.
So here is the success message you want. Wrap the 2 divs over and under it, so this message is in the middle.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
Hello - this worked, thank you!! Is there additional code that I can add to shorten the length of the success banner?
I attached a picture below showing how long the banner is compared to the text.
Sorry for the text inside the field, hope it make sense below
In the msgsuccess insert the max-width: 50%; as i did below. Play around with the number, to get the correct lenght.
.msgsuccess{
background-color: #2dd26b;
padding: 8px;
color: #fff;
max-width: 50%;
}
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Thanks @Martini4a , would you please guide me on how to change this message in the dawn theme? I cannot find mgsuccess command.