Form fields look different

Hi Julie.

Your theme’s stylesheet is controlling the look of those 2 fields. It has one style for input[type=”text”] (the name field) and no styles for input[type=”email”] (the email field).

This CSS code will make the email field look like the name field:

input[type="email"] {
    background: #F6F6F6 none repeat scroll 0% 0%;
    border: 0px none;
    font-family: "Open Sans",helvetica,arial,sans-serif;
    padding: 1em 1.3em;
    margin: 0px 0px 0px -14px;
    font-weight: 100;
    font-size: 1em;
}

You will need to drop this into your theme’s style sheet. Sometimes a theme has an option for you to add Custom CSS, or you can use a child theme, or you can use a plugin like Custom CSS or Jetpack.

Or another option is to purchase our Form Customizer add-on which will allow you to style the forms any way you like or drop in your own custom CSS

Let me know if you need any further help.

Thank you!

Hi,

Perfect it worked, thank you!

And just to let you know, I didn’t have that issue at first with my form, it’s since the plugin has been updated and I had to re-initiate the form, that the problem appeared.

Thank you!

Awesome, we’re glad we were able to get you back on track.

Have a great day!