Hi
See the problem : http://www.alliancefr-saintmalo.org/nous-contacter/
In Firefox, the form is overlapping with the right Side bar.
Label and field on the same line (probably a CSS issue).
If I change the field width in Gravity Forms, nothing happens.
WordPress 4.1.1
Theme Enfold 3.1.2
Gravity Forms Version 1.9.5
Firefox 36.0.4
No change with plugins desactived.
No change if Sidebar left.
No problem with :
– Chrome Version 41.0.2272.101 m
– IE 11
No problem, with Twenty Fifteen Theme,
Same problem with another form : http://www.alliancefr-saintmalo.org/devis-test/
May I desactivate some styles concerning forms ? Which ones ?
I don’t use Page contact.
Thanks.
Hi msai!
You can use this CSS to fix it.
.gform_wrapper .left_label .gfield_label { float: none !important; }
But I would try contacting gravity forms about this to see what they say. I’m not sure what the CSS is supposed to look like.
Regards,
Elliott
Thanks Elliott, it works for the overlapping but not for the field width.
Regards.
Hi!
Please add following code to Quick CSS as well
.gform_wrapper .gfield_captcha_input_container {
margin-top: -45px;
}
Cheers!
Yigit
Hi !
Thanks Yigit.
Elliott, any news from Gravity Forms ?
Regards.
Hey!
You are welcome. I believe what Elliott meant was that you should try contacting them :)
Regards,
Yigit
Hey!
Yeah that probably wouldn’t be good. Go ahead and switch to the default theme and take a screenshot of how it’s supposed to display and we’ll see if we can get you some CSS to use.
Best regards,
Elliott
Hey!
Hmm, well it looks like in your screenshot except for the “Gravity parameter width small” which you could try adding this to your custom CSS to fix it.
.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small {
width: 25% !important;
}
Cheers!
Elliott
Great, It works.
Thanks.
Best regards.