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

    How to increase the line check box text ,tick and box size in Line check box widget?

    Asked by Gayav on August 08, 2016 at 04:30 AM
    How to increase the line check box text ,tick and box size in Line check box widget?
  • Profile Image
    JotForm Support

    Answered by beril on August 08, 2016 at 04:46 AM

    You can solve that issue as you see below:

     

    Please, check the guide below for more information about alignment of fields:

    https://www.jotform.com/help/90-Form-field-positioning

    If you need further assistance, please let us know. We will be happy to help.

  • Profile Image

    Answered by Gayav on August 08, 2016 at 05:45 AM
    Hi Beril,
    Thank you for your prompt response.Actually my question is
    about to increase the checklist option boxes in Gender (orange)in the
    webform.Please help me to increase the tick and text size and box size in
    the checklist widget(orange color in my webform)
    Thank you
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on August 08, 2016 at 06:53 AM

    You can achieve that by inputting some custom CSS in your Line Checkbox field. To do that please follow:

    1. Use wizard button to access settings for Line Checkbox field:

    2. Click on CSS

    3. Please copy and paste this CSS code:

    li {

       display: inline-block;

       margin-right: 10px;

       line-height: 1.4;

      font-size: 2em;

    width:140px!important;

    }

    .icheckbox_line-orange, .iradio_line-orange{

    font-size:16px!important;

    }

    Please be mindful that I changed only the green part, the yellow code already exists.

    You will be able to increase the boxes and font size.

    If you need any additional assistance please let us know.

    Thank you!