Control/Manage Size Of Input Type Number Field [RESOLVED]

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