What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Help adjusting margins for text boxes

    Asked by clarkschool on January 24, 2016 at 09:33 AM

    I would like your help in adjusting the margins on the text boxes so that when I'm viewing the form on either PC or mobile, the margins are correct. I have searched for and implemented code that I found in other threads, but it does not seem to be working. For instance, on the first page the text in the text box is shifted to the right. I'd like it to be more justified in the actual white box, not bleeding into the red border.

    Admittedly, I know nothing about coding so there might be several lines that are conflicting and I'd never know it!

    Thank you for your help!

    Page URL:
    https://form.jotform.com/60206595822153

    text boxes adjusting boxes Mobile pc and
  • Profile Image
    JotForm Support

    Answered by Kevin_G on January 24, 2016 at 01:00 PM

    Hi,

    Thank you for contacting us.

    You just need to inject this CSS code :

    .form-html{

    width:90%;

    Then the text will be properly displayed and it will not be over the red section.

    If you need more help, feel free to contact us, we will be glad to assist you.

    Regards.

  • Profile Image

    Answered by clarkschool on January 25, 2016 at 01:57 PM

    Hi thank you for your response,

    I put that code in, and it worked--thank you.

    However, on mobile both the "Configurable list" and "Short Scrollable Terms" widgets did not respond to the code and are still bleeding out beyond the right margin. Is there any code I can enter for those widgets?

    Below is a screen shot of what it looks like on iPhone6.

    My goal is to have all of the text in the white and a border of red on both left and right.

  • Profile Image

    Answered by clarkschool on January 25, 2016 at 01:59 PM

  • Profile Image
    JotForm Support

    Answered by Kevin_G on January 25, 2016 at 05:51 PM

    I did check your form and I can see that widgets are not being displayed properly, I tried adding the Mobile Responsive Widget and seems not be affecting the widgets, since this post is originally related to the normal fields, I will move it to this link: http://www.jotform.com/answers/755587 

    We will assist you there with the code that you should enter to display your widgets properly.