# Styling and SMTP

**URL:** <https://community.gravityforms.com/t/styling-and-smtp/16577>\
**Category:** Get Help\
**Tags:** smtp, css\
**Created:** [January 6, 2024, 5:38pm UTC](https://community.gravityforms.com/t/styling-and-smtp/16577 "2024-01-06T17:38:52Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![user659988cd3d1b8655](https://avatars.discourse-cdn.com/v4/letter/u/dbc845/32.png) [@user659988cd3d1b8655](https://community.gravityforms.com/u/user659988cd3d1b8655)\
**Post date:** [January 6, 2024, 5:38pm UTC](https://community.gravityforms.com/t/styling-and-smtp/16577/1 "2024-01-06T17:38:52Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![faisalahammad](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/faisalahammad/32/13948_2.png) [@faisalahammad](https://community.gravityforms.com/u/faisalahammad)\
**Post date:** [January 6, 2024, 9:24pm UTC](https://community.gravityforms.com/t/styling-and-smtp/16577/2 "2024-01-06T21:24:43Z")

</div>

Hi Kevin,

1. 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.

```auto
form#gform_1 {
  font-family: Cardo !important;
}

```

To have more customization options, follow the article below.

> **[Form Themes and Style Settings](https://docs.gravityforms.com/form-themes-and-style-settings/)**
>
> Gravity Forms themes provide a new, easy way to change the look and feel of your forms, with customization options available right inside the block editor.

1. 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.

> **[Introducing Gravity SMTP: Test the Alpha Today!](https://www.gravityforms.com/blog/gravity-smtp-test-alpha/)**
>
> We are excited to announce the launch of a new product - Gravity SMTP! Send and track WordPress emails with confidence. Test the alpha today!

> **[WP Mail SMTP by WPForms – The Most Popular SMTP and Email Log Plugin](https://wordpress.org/plugins/wp-mail-smtp/)**
>
> Make email delivery easy for WordPress. Connect with SMTP, Gmail, Outlook, SendGrid, Mailgun, SES, Zoho, + more. Rated #1 WordPress SMTP Email plugin.

Give it a try, and let me know how that goes! 😄

---

<div class="post-metadata">

**Author:** ![user659988cd3d1b8655](https://avatars.discourse-cdn.com/v4/letter/u/dbc845/32.png) [@user659988cd3d1b8655](https://community.gravityforms.com/u/user659988cd3d1b8655)\
**Post date:** [January 8, 2024, 7:11pm UTC](https://community.gravityforms.com/t/styling-and-smtp/16577/3 "2024-01-08T19:11:23Z")

</div>

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/](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?

---

<div class="post-metadata">

**Author:** ![faisalahammad](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/faisalahammad/32/13948_2.png) [@faisalahammad](https://community.gravityforms.com/u/faisalahammad)\
**Post date:** [January 8, 2024, 9:17pm UTC](https://community.gravityforms.com/t/styling-and-smtp/16577/4 "2024-01-08T21:17:09Z")

</div>

1. 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](https://www.gravityforms.com/my-account/licenses/) and under Your Downloads scroll down to Pre-releases where you will find Gravity SMTP beta 3

> **[Gravity SMTP Beta: Test It Today!](https://www.gravityforms.com/blog/gravity-smtp-beta-test-it-today/)**
>
> We're excited to announce the release of Gravity SMTP beta 3, which sees Brevo added as an SMTP integration. Test the beta today!

1. 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

---

<div class="post-metadata">

**Author:** ![user659988cd3d1b8655](https://avatars.discourse-cdn.com/v4/letter/u/dbc845/32.png) [@user659988cd3d1b8655](https://community.gravityforms.com/u/user659988cd3d1b8655)\
**Post date:** [January 8, 2024, 10:11pm UTC](https://community.gravityforms.com/t/styling-and-smtp/16577/5 "2024-01-08T22:11:19Z")

</div>

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.

 ![Screenshot 2024-01-08 at 17.09.59](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/0/0799322021d60c716b34a84be404b025c9663220.png)

---

<div class="post-metadata">

**Author:** ![faisalahammad](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/faisalahammad/32/13948_2.png) [@faisalahammad](https://community.gravityforms.com/u/faisalahammad)\
**Post date:** [January 12, 2024, 2:27pm UTC](https://community.gravityforms.com/t/styling-and-smtp/16577/6 "2024-01-12T14:27:54Z")

</div>

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**.

```auto
.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:**

 ![CleanShot 2024-01-12 at 20.25.42@2x](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/4/45b6583949191d21e66ccb0384d0461f3591e59d.jpeg)

**After:** 🆕

 ![CleanShot 2024-01-12 at 20.23.03@2x](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/a/a296c96f2811f07e59b93b23a5c168dfec6a6f2d.jpeg)

Give it a try, and let me know how that goes! 😄

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [February 11, 2024, 2:28pm UTC](https://community.gravityforms.com/t/styling-and-smtp/16577/7 "2024-02-11T14:28:03Z")

</div>

Closed on February 11, 2024, 2:28pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.