Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 18, 2015 at 4:29 pm #413733
    breakpoint

    Since updating to Enfold 3.1 and GravityForms 1.9.4, I am experiencing some formatting issues with the form elements. Namely, the length of the form fields now stretch across the screen rather than maintaining their set size. I have even tried setting the “Field Size” option within GravityForms to “small,” but the size issue persists.

    The styling issues happened after updating Enfold, and before updating GravityForms.

    UPDATE: I have upgraded to 3.1.1 and the issue persists.

    • This topic was modified 9 years, 9 months ago by breakpoint.
    March 19, 2015 at 1:59 am #414083
    breakpoint

    Guys… anything on this?

    March 19, 2015 at 1:39 pm #414357
    Ismael

    Hi!

    Thank you for using Enfold.

    Are you referring to the “select” element? Add this to the Quick CSS field to limit the width:

    #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select {
  max-width: 50%;
}

    Cheers!
    Ismael

    March 19, 2015 at 2:24 pm #414392
    breakpoint

    Ismael,

    Thanks for getting back… the code you provided fixes only part of the problem. If you navigate to the registration page and select an option, a form will appear for the visitor to supply their info. You will see an “Enter gift or referral code:” field that is also stretched, which places the “Apply” button directly underneath.

    Before, the “Apply” button sat to the right of the text field.

    March 20, 2015 at 4:42 pm #415376
    Elliott

    Hi!

    It looks fine on my end. Did you get it sorted?

    Best regards,
    Elliott

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.