Response message color

Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #10731


    I can’t find where to change the response message color. This is the “Thank you for contacting us” or “Thanks you for subscribing” message that replaces the form when it is submitted. It is currently a light blue, which is nearly invisible on my white background.



    There is no special option for changing the color and size of success message. But you can do it with the help of CSS tab. Just open this tab in your contact form settings and insert this code:

    #[SHELL_ID] .cfsSuccessMsg {
    color: #d99595 !important;
    font-size: 20px !important;

    Where #d99595 – is color and 20px – font size.



    I am having a similar issue: on the Response Message or Success Message pop-up my site visitors are missing the message about needing to validate their email/check their email.

    Pasting in the code shown above into my CSS did nothing. I would love to change the verbiage on that Response Message as well but changing the font size/color is most important. Please advise – thanks.


    Hi @burnettemily

    To change the color and the text of the Success Message move to Submit Options Tab. Here you can select “Form sent message color” and “Form sent message” text –
    Also don’t forget to save changes.

    About code. Please make sure you pasted the code inside the CSS Editor of the CSS/HTML Code Tab at the end of the other code and saved changes.

    In the case it will not work, please provide the page link with this Contact Form on your site.



    Hi @mila_support

    I do not have a Submit Options Tab available to me. Here are my tab options: Main – Design – Subscribe – Contact – Login/Registration – A/B Testing – Statistics – CSS/HTML Code.
    I would hope that’s not customizable only under Pro? I did find under Subscribe where to change the content of the message but can’t find anywhere to customize the color or size. Also, I can’t find the id or class of the success message in the CSS/HTML to edit it there.

    My site is
    Thank you!


    Hi @burnettemily

    Most likely you use Popup not Contact Form.
    If so, paste next code inside the CSS Editor of the CSS/HTML Code Tab at the end of the other code and save changes:
    #ppsPopupShell_[ID] .ppsSuccessMsg {
    color: #d99595 !important;
    font-size: 20px !important;

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts