PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Email box looks different to others.

Gravity Support Forums » Plugin Support » Gravity Forms

  1. zom
    Member

    Hello,
    I've recently purchased 'gravity forms'. I have added a form to contact page but the email box looks different to the others. I can't work out what to do. Any advice appreciated. http://yogaleicester.co.uk/contact/

    Zoe

    Posted 13 years ago on Tuesday April 10, 2012 | Permalink

  2. Rob Harrell
    Member

    Your theme's stylesheet has:

    [css]
input[type="text"], textarea {
background: #FAFAFA url(images/field_bkg.png) repeat-x;
padding: 10px;
font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #6A6A6A;
border: 1px solid #DDD;
background: #FAFAFA url(images/field_bkg.png) repeat-x;
}

    It's only targeting certain types of inputs, try replacing it with this:

    [css]
input[type="text"], textarea, input[type="tel"], input[type="email"], input[type="url"] {
background: #FAFAFA url(images/field_bkg.png) repeat-x;
padding: 10px;
font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #6A6A6A;
border: 1px solid #DDD;
background: #FAFAFA url(images/field_bkg.png) repeat-x;
}
    Posted 13 years ago on Tuesday April 10, 2012 | Permalink

  3. zom
    Member

    Do I post the above into the CSS Stylesheet?

    Thank Zoe

    Posted 13 years ago on Wednesday April 11, 2012 | Permalink

  4. Kevin Flahaut
    Administrator

    You would put the new CSS rules at the very end of your active theme's stylesheet. It's usually a style.css file in your theme directory but could be custom.css or something else.

    If you're not sure where to add custom CSS rules, then you'll want to consult your theme developer and ask them where the recommended place to add them is.

    Posted 13 years ago on Wednesday April 11, 2012 | Permalink