Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 19, 2015 at 6:37 pm #414725
    Eagles1227

    Hi everyone,

    I have been having an issue in terms of having the gravity form fields spanning 100%. I have reached out to Gravity Forms but they have been little to no help. I have applied their “One Third” classed to my three fields but they still do not span 100% of the width of the page – you can see by entering text in the fields to expose the submit button.

    Here is Gravity Form’s response:

    Gravity Forms does not currently include responsive styles, it’s something which is in development but we don’t have an ETA for when it will be included, as you can imagine there’s a lot of testing to be done due to the number of themes and possible screen sizes.

    I can see a lot of custom CSS being applied to your form by your theme from the files custom.css and gravity-mod.css modifying many form elements including the width of your fields.

    Please contact with your theme support to get assistance.

    Has anyone had this issue as well? Any fixes?

    Site: http://tjmpropertygroup.com/philadelphia-neighborhoods/things-to-do/restaurants/talulas-garden/

    Thanks!

    March 19, 2015 at 6:40 pm #414727
    Eagles1227

    Image #1 – Showing the misalignment:
    Image and video hosting by TinyPic

    Imaghe #2 – Showing the misalignment when responsive. GF said they are working on a responsive platform, but is there a known fix for Enfold?
    Image and video hosting by TinyPic

    March 20, 2015 at 8:06 am #415087
    Rikard

    Hi!

    Did you remove the subscribe button? I can only see first three fields on my end using latest version of Chrome on this page: http://tjmpropertygroup.com/philadelphia-neighborhoods/things-to-do/restaurants/talulas-garden/

    Regards,
    Rikard

    March 20, 2015 at 2:08 pm #415265
    Eagles1227

    Rikard,

    I have not. As I stated in my original post, you must enter text into one of the fields shown to reveal the submit button – conditional logic is applied since I do not know how to float the submit button to the right of the content (Still working on that myself).

    Thanks!

    March 20, 2015 at 3:04 pm #415280
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    body #gform_wrapper_36 .gform_footer input[type=submit] {
  width: 98.3%;
}
@media only screen and (max-width: 989px) {
#top .gform_wrapper .top_label li.gfield.gf_right_third {
  width: 99.2%;
  margin-top: 10px;
  margin-left: 0!important;
}
body #gform_wrapper_36 .gform_footer input[type=submit] {
  width: 99.1%;
}}

    Best regards,
    Yigit

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