Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #413733

    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 ago by breakpoint.
    #414083

    Guys… anything on this?

    #414357

    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

    #414392

    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.

    #415376

    Hi!

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

    Best regards,
    Elliott

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