Tagged: CONTACT FORM, quick css
My contact form “default” color scheme is messed up, and it is altering the colors of my Gravity Forms plugin. I believe I have some quick CSS that may be altering the default colors. Can someone let me know what is an identifying element for quick CSS that would alter the contact form so I can try and remove it?
Thanks,
Ryan
Hi ryanmeighan,
There are a lot of CSS that modifies the form’s appearance when using Enfold and the best way to do it is not to remove it but override it with CSS.
Can you give us a screenshot of what you want it to look like? maybe we can give some CSS codes that should fix it.
Best regards,
Nikko
Thanks for the response. I put two link examples in the private section.
Hi ryanmeighan,
Thanks please try adding this CSS code in Quick CSS, located in Enfold > General Styling:
#top .main_color .gform_wrapper input[type="text"],
#top .main_color .gform_wrapper select {
background-color: #f0f0f0;
border-color: #e1e1e1;
color: #919191;
margin-bottom: 0;
}
Best regards,
Nikko
once again your CSS worked like a charm – thank you!
edit: the “paragraph text” or “message” field on page 2 of the form is still black. how do i fix that?
Thanks
Hi ryanmeighan,
You’re welcome :)
Please replace the code I gave with this one:
#top .main_color .gform_wrapper input[type="text"],
#top .main_color .gform_wrapper select,
#top .main_color .gform_wrapper textarea {
background-color: #f0f0f0;
border-color: #e1e1e1;
color: #919191;
margin-bottom: 0;
}
Best regards,
Nikko
wonderful thanks! you can close this :)
Hi ryanmeighan,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria