Title: Bug with Ninja Forms Field Width
Last modified: October 23, 2021

---

# Bug with Ninja Forms Field Width

 *  Resolved [beefi1123](https://wordpress.org/support/users/beefi1123/)
 * (@beefi1123)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/bug-with-ninja-forms-field-width/)
 * When inspecting the Number field, there is a style within the OceanWP theme that
   is setting a “max-width” of “50px”:
    [https://drive.google.com/file/d/1EZQwbYYI9DON_RxK6YKsilgzUyv9aMMP/view?usp=drivesdk](https://drive.google.com/file/d/1EZQwbYYI9DON_RxK6YKsilgzUyv9aMMP/view?usp=drivesdk)
 * Theme File:
    [https://baxzease.volleyradar.com/wp-content/themes/oceanwp/assets/css/style.min.css?ver=3.0.7](https://baxzease.volleyradar.com/wp-content/themes/oceanwp/assets/css/style.min.css?ver=3.0.7)(
   Line 1626)
 * [https://drive.google.com/file/d/101nr5TNQVQCtxovO9YKaIfhdAJlBlerM/view?usp=drivesdk](https://drive.google.com/file/d/101nr5TNQVQCtxovO9YKaIfhdAJlBlerM/view?usp=drivesdk)
 * I tried to add CSS to change the max-width to 100% and “100%!important;”, but
   the style from the theme still overrode this.
 * If you would, can you reach out to the developers of the OceanWP theme to ask
   how this can be disabled?
 * Best regards,
    Curtis WP Ninja
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbug-with-ninja-forms-field-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * (@abhikr781)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/bug-with-ninja-forms-field-width/#post-15003041)
 * Hello,
 * ​Please try to add the below CSS code from the Appearance > Customize > Custom
   CSS, and check.
    - If you want to set max-width for all the pages try the below code.
    -     ```
          form input[type="number"] {
              max-width: 100%;
          }
          ```
      
    - If you looking to change max-width only on the specific page, try with the
      page id
    -     ```
          .page-id-1046 form input[type="number"] {
              max-width: 100%;
          }
          ```
      
 *  Thread Starter [beefi1123](https://wordpress.org/support/users/beefi1123/)
 * (@beefi1123)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/bug-with-ninja-forms-field-width/#post-15010013)
 * Thank you Abhishek. That did the trick. I actually probably could’ve figured 
   that out on my own, but I assumed the NF guys had at least tried the simple CSS
   trick already.
 *  [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * (@abhikr781)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/bug-with-ninja-forms-field-width/#post-15011624)
 * Glad to hear that issue has been fixed.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Bug with Ninja Forms Field Width’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * Last activity: [4 years, 7 months ago](https://wordpress.org/support/topic/bug-with-ninja-forms-field-width/#post-15011624)
 * Status: resolved