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.
Sorry about that omission: https://www.sandysresinart.com/
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