The right margin of the text is outside the text box.

  • PeterBishop
    Asked on May 5, 2015 at 8:06 PM

    I am working on a form called Teacher Application.  The first thing, after the title, is a text box.  I made the background of the text box a color, but now the text goes outside the box on the right side.  It looks like fine in Designer, but not in Preview or in the finished form.  Is there a way to adjust those margins?

    Thanks...

    Jotform Thread 564735 Screenshot
  • Chriistian Jotform Support
    Replied on May 5, 2015 at 10:04 PM

    Hi PeterBishop,

     

    Thank you for contacting us.

     

    Yes. There is a way to adjust those margins. You can use a custom CSS to fix it.

     

    Here is the CSS snippet that you will need. You can adjust the 30px based on your need.

    .form-input-wide {

          margin: 30px;

    }

     

    Here are the steps you need to apply the custom CSS.

    1. Open you form in Design mode (by clicking Designer in the top toolbar).

    The right margin of the text is outside the text box Screenshot 40

    2. Open CSS tab.

    3. insert the CSS snippet.

    4. Save your form.

    The right margin of the text is outside the text box Screenshot 51

     

    That should fix the problem.

     

    I cloned your form and this is how it looks when you apply the fix.

    The right margin of the text is outside the text box Screenshot 62

     

    If you need more information, don't hesitate to contact us.

     

    Thanks.