Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 14, 2014 at 3:10 am #209281
    mcurry

    Hi, on this page: http://www.familybudgeting.org.nz/members/order-form I have a resource order form, with drop down boxes using the Gravity Forms “enhanced user interface”. (See question 3, “Your budgeting service”)

    In these drop down fields (and only these) the width is being set to extremely narrow.

    I’ve tried overruling it with custom CSS but can’t work it out; it seems to be generated by javascript? This makes me think the Gravity Forms javascript is conflicting with the Enfold javascript – or something.

    Clearly I’m not sure if it’s an Enfold issue or something else, but any help would be appreciated.

    Cheers,

    Mike

    January 14, 2014 at 4:40 am #209290
    Yigit

    Hey mcurry!

    Just to make sure, please try adding following code to Quick CSS in Enfold theme options under Styling tab

    .gform_wrapper .chzn-container, .gform_wrapper .chzn-container .chzn-drop, #top .gform_wrapper input { width: 200px!important; }

    If that does not work, please try adding the same code to Custom.css file inside Enfold/Css folder and flush browser cache and refresh your page a few times

    Regards,
    Yigit

    January 14, 2014 at 4:48 am #209296
    mcurry

    Hi Yigit, I’ve applied that change in the Quick CSS area, and it does make a difference to the form. It also adversely affects other parts of the form, like the check boxes. However, it’s shown me that the problem is CSS-based, and I can tinker from here to try to fix it.

    Thanks for your help!

    January 14, 2014 at 4:57 am #209300
    Yigit

    Hey!

    You are welcome Mike! Please make sure to add !important rule if code is not being applied. Let us know if you have any other questions or issues.

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Conflict with Gravity Forms "enhanced user interface"?’ is closed to new replies.