Hand to my heart–I looked–but cannot find the simple CSS that controls the size of the input number field. Creating a ordering form where 99% of the time user will select “1” and the field defaults to a huge number–creating a pointlessly large field. I’m sure it’s hiding in plain sight…so thanks in advance.
Hi, @fergweb - Can you share a link to the page on your site where we can see the form? We can then help you with the CSS. Thank you.
Thank you for the URL.
You can add this CSS to your theme (or child theme) stylesheet or via the Appearance Customizer (Appearance → Customize → Additional CSS):
body .gform_wrapper.gravity-theme .gfield input.ginput_quantity {
width:5em;
}
See also this article for additional information about placing CSS snippets: https://docs.gravityforms.com/where-to-put-your-custom-css/
Your form looks like this when that is applied: Screenshot on 2023-07-07 at 14-02-22.png - Droplr
If you have any other questions, please let us know.
Perfecto–thanks for the help/direction.
Mike
1 Like