Text box sizes I have chosen in the Form Builder are not reflected in the preview

Hello there!

I've used properties to adjust individual text box sizes to fit the form's needs but when I preview the form all the text boxes are the same size and very small. Could you please help me fix this so that the preview looks exactly like the form does on the form builder?

I actually have this problem very often and nothing I do on the form builder has any effect from the moment things start looking wrong on the preview.

Thank you very much in advance.

I see that there is some custom CSS code used in the form to adjust the width. Also, since the  max-width of text-box is set to 52px from the designer, it is overriding the individual width set.

Please try injecting the following CSS by replacing the existing code to change the width. 

.form-textbox {

  max-width: none;

}

#input_22, #input_8, #input_42 {

  width: 80px !important;

}

#input_37 {

  width: 110px !important;

}

#input_24, #input_43 {

  width: 20px !important;

}

#input_44 {

  width: 40px !important;

}

The width provided here as per the numbers we already have. I feel that the size of the text boxes are still small. If you want you may increase the width in the CSS code provided as per your requirement.

Hope this information helps! Please get back to us if you need any further assistance. We will be happy to help.

Thanks a lot Kiran! That's perfect!

On behalf of Kiran you're very welcome.

Feel free to talk to us via a new thread if you need help with anything else.