Time Field HH:MM Alignment issue « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

dbrickel
Member

Similar to others I'm having the same issue where using the Time Field form the HH:MM is being bumped down to the next line. I've tried fixing it using all the different combinations you've recommended others and know it's my Template display:block issue probably but still can't figure it out. Can you help?

http://propertysnapshots-report.com/wordpress1/orders/

Posted 11 years ago on Saturday April 20, 2013 | Permalink
Richard Vav
Administrator
You are correct a rule in your themes stylesheet is setting inputs to display:block and adding a 20px bottom margin so try adding this towards the bottom of your themes style.css to override it
```
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {
    display: inline !important;
    margin-bottom: 0 !important;
}
```
Regards,
Richard
--
Just another member of the community helping out where I can
Posted 11 years ago on Saturday April 20, 2013 | Permalink
zengreenclean
Member

I added these lines to the bottom of my style.css and it did not seem to fix it.
http://zengreenclean.com/book-now/commercial/five-a-week/

Any other ideas?

Posted 11 years ago on Monday April 22, 2013 | Permalink
Richard Vav
Administrator
@zengreenclean your issue isn't actually being caused by a display:block style it is actually down to the amount of padding your theme is adding to the inputs, so to make room for the colon you can try the following
```
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {
     margin-bottom: 0 !important;
     width: 50px !important;
}
.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute {
     width: 100px !important;
}
```
Posted 11 years ago on Monday April 22, 2013 | Permalink
zengreenclean
Member

@richardvav
Your suggestion worked when I inserted your code to the top of my style.css. Thank you. Could you help me with my forms length? It seems like they are set to some huge number and cut off. Thank you once again,
Michael

Posted 11 years ago on Tuesday April 23, 2013 | Permalink
Richard Vav
Administrator
Hi Michael,

If you are talking about the right side of the first and last name fields as well as the address fields then is again is being caused by the amount of padding your theme is adding along with the widths that have been set. One solution would be to reduce the widths down slightly by using something like this
```
.gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_full input {
    width: 90% !important;
}
```
Posted 11 years ago on Tuesday April 23, 2013 | Permalink
zengreenclean
Member

@richardvav
Thanks again for your help. That almost worked, but made things look real funky. So I deleted the lines and figured I can just live with it. But, something is up and my forms now are worse than before. Here is a link to my clean CSS http://pastebin.com/wcEMABmc and here is one for the first edit I did http://pastebin.com/9Qwg1szs.
I was thinking it was a cache problem, since I removed all the editing I did and uploaded the clean CSS. I have tried Ctrl+F5 and different machines, but same scenario.
I have also uninstalled and deleted gravityforms, reinstalled and made a test form and same issue. I do have Total Cache as a plugin and have flushed the cache in that plugin.

Thank you for any help you can provide,
Michael

EDIT: I did do the update yesterday.

Posted 11 years ago on Wednesday April 24, 2013 | Permalink
Richard Vav
Administrator

Try excluding the gravity forms.css file from the W3TC css minification and see if that makes any difference.

Posted 11 years ago on Wednesday April 24, 2013 | Permalink
zengreenclean
Member

Did a little bit of searching and I think I have narrowed it down to my Minify settings on W3 Total Cache. Disabled that setting and my changed took effect.

I will talk to the theme creator about how to get rid of this padding issue on my inputs.

Thank you for your help.

Posted 11 years ago on Wednesday April 24, 2013 | Permalink
Richard Vav
Administrator

You're welcome.

Posted 11 years ago on Wednesday April 24, 2013 | Permalink
zengreenclean
Member

Resolved by making minify ignore style.css from the theme folder.

Posted 11 years ago on Wednesday April 24, 2013 | Permalink

This topic has been resolved and has been closed to new replies.