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.

Help styling medium input box

Gravity Support Forums » Plugin Support » Gravity Forms

  1. last_knight
    Member

    I have created a form at http://215west.com/ which I am having trouble styling and it looks terrible. I am using the medium width input box but need padding on the left and for the input area to be wider. I have looked at the documentation and forum for help with this but no luck. I tried all the css selectors that are supposed to be for this but nothing is working. Can you please help me with this?

    Posted 12 years ago on Wednesday May 23, 2012 | Permalink

  2. Rob Harrell
    Member

    This should work for you (just added to what you had in your custom.css

    [css]
body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {
border: 1px solid #F2F2F2;
width: 85%;
margin-left: 10px;
}
    Copy

    Also, you might want to change the selector here to target the widget area forms only, something like:

    [css]
body .gform_widget .gform_wrapper .gform_body .gform_fields .gfield input[type="text"] {}
    Copy
    Posted 12 years ago on Wednesday May 23, 2012 | Permalink

  3. last_knight
    Member

    Thank you so much I have had such time styling this form I want it to stand out as it is the most important part of the site.

    Posted 12 years ago on Wednesday May 23, 2012 | Permalink

  4. Rob Harrell
    Member

    No problem, glad to help out.

    Posted 12 years ago on Wednesday May 23, 2012 | Permalink