Title: Field column width inconsistent Last modified: October 31, 2017 --- # Field column width inconsistent * Resolved [01labs](https://wordpress.org/support/users/01labs/) * (@01labs) * [8 years, 7 months ago](https://wordpress.org/support/topic/field-column-width-inconsistent/) * Hi Edgar, * My form fields are not viewing at the same width. In my form I had to make the“ Name” fields a 6 column width in order to get the “First” and “Last” name fields to sit on a single line. (When it was set to 12 column, it put both fields on separate lines at 12 columns each). However, after doing this, the total width is not the same as a single 12 column width line. If you notice in my form, the total width of the “Name” fields is shorter than the address “Street Address” field. The only difference is that the “Name” field is set at 6 columns width and the “Street Address” is set at 12 columns width. I thought that by setting the name fields at 6 columns each it would equal 12 columns total? * Same problem with the “City” + “Zip” total width shorter than the “Street Address”. * Is there some custom CSS you can provide to remedy the problem? * Thank you! Mark * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffield-column-width-inconsistent%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 4 replies - 1 through 4 (of 4 total) * Plugin Author [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/) * (@edgarrojas) * [8 years, 7 months ago](https://wordpress.org/support/topic/field-column-width-inconsistent/#post-9645394) * Hello! * Looks like your theme is conflicting with the plugin styles. Please try adding this to the css of your form: * .bootstrap-wrapper .col-lg-1,.bootstrap-wrapper .col-lg-10,.bootstrap-wrapper. col-lg-11,.bootstrap-wrapper .col-lg-12,.bootstrap-wrapper .col-lg-2,.bootstrap- wrapper .col-lg-3,.bootstrap-wrapper .col-lg-4,.bootstrap-wrapper .col-lg-5,. bootstrap-wrapper .col-lg-6,.bootstrap-wrapper .col-lg-7,.bootstrap-wrapper . col-lg-8,.bootstrap-wrapper .col-lg-9,.bootstrap-wrapper .col-md-1,.bootstrap- wrapper .col-md-10,.bootstrap-wrapper .col-md-11,.bootstrap-wrapper .col-md-12,. bootstrap-wrapper .col-md-2,.bootstrap-wrapper .col-md-3,.bootstrap-wrapper . col-md-4,.bootstrap-wrapper .col-md-5,.bootstrap-wrapper .col-md-6,.bootstrap- wrapper .col-md-7,.bootstrap-wrapper .col-md-8,.bootstrap-wrapper .col-md-9,. bootstrap-wrapper .col-sm-1,.bootstrap-wrapper .col-sm-10,.bootstrap-wrapper . col-sm-11,.bootstrap-wrapper .col-sm-12,.bootstrap-wrapper .col-sm-2,.bootstrap- wrapper .col-sm-3,.bootstrap-wrapper .col-sm-4,.bootstrap-wrapper .col-sm-5,. bootstrap-wrapper .col-sm-6,.bootstrap-wrapper .col-sm-7,.bootstrap-wrapper . col-sm-8,.bootstrap-wrapper .col-sm-9,.bootstrap-wrapper .col-xs-1,.bootstrap- wrapper .col-xs-10,.bootstrap-wrapper .col-xs-11,.bootstrap-wrapper .col-xs-12,. bootstrap-wrapper .col-xs-2,.bootstrap-wrapper .col-xs-3,.bootstrap-wrapper . col-xs-4,.bootstrap-wrapper .col-xs-5,.bootstrap-wrapper .col-xs-6,.bootstrap- wrapper .col-xs-7,.bootstrap-wrapper .col-xs-8,.bootstrap-wrapper .col-xs-9 { position: relative; min-height: 1px; padding-right: 0 !important; padding-left: 0 !important; } * i think that will fix it =). * Regards! * Thread Starter [01labs](https://wordpress.org/support/users/01labs/) * (@01labs) * [8 years, 7 months ago](https://wordpress.org/support/topic/field-column-width-inconsistent/#post-9648751) * Thanks Edgar! It fixed the field width. However, it maximized the width space in the container. Is there a way to add a 20px padding left and right? I tried to add it but it affected some fields by pushing them inward past the 12 column fields. Then I tried to set a margin, but that pushed it outside the container. * Sorry! - This reply was modified 8 years, 7 months ago by [01labs](https://wordpress.org/support/users/01labs/). * Plugin Author [EDGARROJAS](https://wordpress.org/support/users/edgarrojas/) * (@edgarrojas) * [8 years, 7 months ago](https://wordpress.org/support/topic/field-column-width-inconsistent/#post-9650258) * Sure, something like this? * .rednaoFormContainer { padding: 0 20px 0 20px; } * Thread Starter [01labs](https://wordpress.org/support/users/01labs/) * (@01labs) * [8 years, 7 months ago](https://wordpress.org/support/topic/field-column-width-inconsistent/#post-9661098) * Perfect! Thank you!! Viewing 4 replies - 1 through 4 (of 4 total) The topic ‘Field column width inconsistent’ is closed to new replies. * ![](https://ps.w.org/smart-forms/assets/icon-256x256.jpg?rev=1226707) * [Smart Forms - when you need more than just a contact form](https://wordpress.org/plugins/smart-forms/) * [Frequently Asked Questions](https://wordpress.org/plugins/smart-forms/#faq) * [Support Threads](https://wordpress.org/support/plugin/smart-forms/) * [Active Topics](https://wordpress.org/support/plugin/smart-forms/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/smart-forms/unresolved/) * [Reviews](https://wordpress.org/support/plugin/smart-forms/reviews/) * 4 replies * 2 participants * Last reply from: [01labs](https://wordpress.org/support/users/01labs/) * Last activity: [8 years, 7 months ago](https://wordpress.org/support/topic/field-column-width-inconsistent/#post-9661098) * Status: resolved