Tagged: CSS, gravity forms
Hello,
Im using gravity forms with enfold, and everything works really good.
The only problem (that actually was my client that show me) its in all “date picker” of the forms, theres some problem there because de “arrows” are over the numbers as you can see here in the links I send you
All these pages and forms works perfectly, but you can see that the date picker has that problem I told you.
Is it a ccs problem? Is it a problem to ask to the gravity forms forum?
You guys are always so good, I start asking you first.
Can you help with this?
Thanks, as always, keep up the excellent work, just love to work with enfold.
NP
Hi nunop!
I checked your link but instead of a datepicker I see some select elements where you can select the month, day, and year. Did you remove the datepicker?
Add it back in so we can take a look. Also be sure to deactivate all plugins while testing.
Best regards,
Elliott
Hi!
You can add this in the Quick CSS field to fix the date picker:
.gform_wrapper .gfield_date_dropdown_day select, .gform_wrapper .gfield_date_dropdown_month select, .gform_wrapper .gfield_date_dropdown_year select {
padding-right: 10px !important;
margin-right: 10px !important;
}
Cheers!
Ismael
Beautifull. This it.
thank you very much for the help.
Cheers
NP
Hi!
You can set a minimum width for the select element:
.gform_wrapper select {
min-width: 80px !important;
}
Regards,
Ismael