Hi All- I am new to Gravity Form. I am working on a website for my business that does aircraft sales (similar to real estate). The website theme I am using is Themeco Pro and I am trying to figure out the best way to style the form so it inhirit or has the same font etc from the theme? Is it possible to inherit the Theme CSS? If not, what is the best way to style the form? Secondly, how de we configure the SMTP to have the forms emailed?
Hi Kevin,
- To inherit the styles from your theme, you can add custom CSS code like the following to set the font family to match your theme.
form#gform_1 {
font-family: Cardo !important;
}
To have more customization options, follow the article below.
- To configure SMTP, you can use the Gravity SMTP plugin which is still in beta. Alternatively, you can also try the WP Mail SMTP plugin.
Give it a try, and let me know how that goes! 
Thank you. When is the Gravity SMTP going to be active or what can I do to join that beta?
Also I have a form on this page: https://staging.avionaire.com/aircraft/turbo-lance-ii-sn-32r-78870-reg-n191rv/
which is activated if you click either INQUIRE or MAKE OFFER. How do I go and make all the text disappear upon submission and just have the AJAX do its thin?
- You can easily integrate with the most trusted email providers, such as SendGrid, Mailgun, Postmark, and Brevo, as well as other SMTP and API-based services.
Open your Gravity Forms Account and under Your Downloads scroll down to Pre-releases where you will find Gravity SMTP beta 3
- To disappear the success message after submitted the form, get in touch with the pop up plugin support so they could help you to trigger a function which will close the modal after a specific time period. Thank you
Thank you very much for all your help, Faisal. I will have a look at the Gravity SMTP now.
I am still struggling with styling of for the Font & Color. Attached is a screenshot of what I mean…it seems to be picking the color & font, but I would like to adjust the spacing between the character to 0.05em and perhaps make the white a little easier to read.
Sorry for the delay. To make the form a bit better, try the following CSS code in the child theme’s style.css file or in Appearance → Customize → Additional CSS.
.x-modal-content .form-submission-hide-text {
padding-left: 5px !important;
font-weight: 300 !important;
}
#gform_2 label,
#gform_2 .gfield_description,
#gform_2 legend {
font-weight: 400 !important;
}
#gform_2 .ginput_container--name label {
color: #b89b6e !important;
}
#gform_2 .gfield_description {
color: #fff !important;
}
Before:
After: 
Give it a try, and let me know how that goes!
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.