Response message color

Tagged: color, message, style

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

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

Author
Posts
September 19, 2016 at 22:02 #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.
September 28, 2016 at 10:32 #10757

mila_support
Member
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.
March 5, 2017 at 08:03 #12797

Anonymous
Inactive
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.
March 6, 2017 at 16:43 #12845

mila_support
Member
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.
March 8, 2017 at 18:31 #12886

Anonymous
Inactive
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!
March 9, 2017 at 20:16 #12909

mila_support
Member
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
Author
Posts