Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 18, 2013 at 12:46 am #189872
    dmpitzer

    Hello,

    I am working with Gravity Forms and I have set the Name, email and subject fields to be large on a contact form. When I view it in the Gravity Forms preview they all are the same width, but inside a page they are all short. You can see what I mean here: https://www.mosfoundation.org/foundation/contact-2/

    Any help you could provide on fixing this would be greatly appreciated.

    Thanks.

    Dave

    November 18, 2013 at 1:50 am #189885
    bryanpeck

    Go to the Gravity Forms field and open the EDIT for the NAME field. Then go to the ADVANCED tab an in there you will see an option where to set the width size to – Small/Medium/Large….whatever…..

    That should do it!

    November 18, 2013 at 2:00 am #189889
    dmpitzer

    Thanks Bryan!

    I guess I should have said that in my original post. I have already set them to large, but they are not showing any different when they are on the page. No matter what size I set them too in the advanced tab, they all show as small on the page. They do show as large in the Gravity Forms Preview.

    Dave

    November 18, 2013 at 3:24 pm #190102
    Ismael

    Hey!

    You can add this on your custom.css or Quick CSS to adjust the width of the forms:

    #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
width: 400px;
}

    Cheers!
    Ismael

    November 18, 2013 at 4:58 pm #190156
    dmpitzer

    Thanks Ismael!

    That fix worked great, I appreciate you taking the time to help me out!

    Dave

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Gravity form field width’ is closed to new replies.