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

    Text Alignment

    Asked by craftlabph on June 19, 2017 at 03:06 AM

    Hello,

    Can you please help me with aligning my text? Please see highlighted items.

    In the Invitation Line Wording, it's too compressed even if the width is 400 px.

    The other text should be aligned with the radio button and the other text entry.

     

    Thanks!

    Page URL:
    https://form.jotform.me/71678420711455

  • Profile Image

    Answered by WilliamR on June 19, 2017 at 04:50 AM

    Can you try to add the following CSS code, and see if this would work out for you?

    .form-radio-item label {
        white-space : word-wrap;
    }

    Here's how to insert the CSS code.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let me know if that works for you.

  • Profile Image

    Answered by craftlabph on June 20, 2017 at 02:01 AM

    Hello William,

    The CSS code didn't work. :(

  • Profile Image
    JotForm Support

    Answered by BJoanna on June 20, 2017 at 04:06 AM

    To resolve the issue with field labels add this CSS code to your form:

    .form-label.form-label-top {

        width : 300px!important;

    }

    To resolve the issue with "request the honor of your presence at the wedding of our children" option add this CSS code:

    label[for="input_64_2"]{padding:0!important;}

    How to Inject Custom CSS Codes

    After you add mentioned code your form will look like this.

     

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by craftlabph on July 02, 2017 at 12:04 AM

    Hello BJoana!

    The code did work! Thank you! How about for this instance? I would like to align them just like in the 4th option.

     

  • Profile Image
    JotForm Support

    Answered by BJoanna on July 02, 2017 at 05:38 AM

    Add this CSS code to your form:

    label[for="input_63_0"], label[for="input_65_0"]{

        display : inline-block;

        padding-left : 17px;

        margin-top : -15px;

    }

    Let us know if you need further assistance. 

  • Profile Image

    Answered by craftlabph on July 02, 2017 at 06:27 AM

    Oh! That's great. I had that code in my CSS editor. It didn't came to me to add another code specific for those two. Thank you so much again!