TIME field selectors: display none

Get Help
1

TIME FIELD SELECTORS ONLY.
How do I remove the time selectors from the time field for both hours and minutes?
Is this possible with CSS? I tried below - but none of these variations work.

.gfield_time_minute.ginput_container.ginput_container_time select {display: none;}

body .gform_wrapper .gform_body .gform_fields .gfield_time_minute.ginput_container.ginput_container_time select {display: none;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=number] select {display: none;}

Time Field CSS Selectors - Gravity Forms Documentation was helpful, but not. Since it was styling the overall TIME field container and not the selectors.
No other docs, support or otherwise, reference the selectors for the TIME field

If this can’t be done with css, which file (and line(s) ) in my host file manager do I need to edit?
I’m not a developer, nor do I know PHP - just saying. But I am confident enough to make edits to .php files if put on the right track.
My form has legacy mark-up (though I did create a form with the latest version of gravity and still wasn’t able to target the selectors using the developer window)
Any assistance with this would be appreciated.

2

@reubz
Can you try the CSS below? You mentioned this particular form is using the latest version of Gravity Forms CSS selectors. If that is correct, the code below should work. I believe you are simply wanting to show the AM PM dropdown field and remove the other elements associated with the time input field.

.gform_wrapper.gravity-theme .ginput_container_time input {display:none;}
.gform_wrapper.gravity-theme .hour_minute_colon {display:none;}
.gform_wrapper.gravity-theme .ginput_container_time {display:none;}
3

The css you suggested removes the time field completely.
That’s not what I want - all I want to remove are the SELECTORS (the up & down arrows) inside the HOURS and MINUTES fields

4

Those arrows are added by your browser. They don’t have anything to do with Gravity Forms.
But here is how you can hide them with CSS: How To Hide Arrows From Number Input

5

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.