Response message color

Home Forums Contact Form Plugin Response message color

Tagged: , ,

This topic contains 5 replies, has 3 voices, and was last updated by mila_support mila_support 2 years ago.

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

    ari
    Participant

    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.

    #10757
    mila_support
    mila_support
    Keymaster

    Hello!

    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.
    http://prntscr.com/cbktnk.

    #12797

    burnettemily
    Participant

    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.

    #12845
    mila_support
    mila_support
    Keymaster

    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 – http://prntscr.com/egk1lv
    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.

    #12886

    burnettemily
    Participant

    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 http://bobsey.co.
    Thank you!

    #12909
    mila_support
    mila_support
    Keymaster

    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;
    }
    http://prntscr.com/ehsfu3

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Get plugins bundle today and save over 80%