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

  • Gayav
    Asked on August 8, 2016 at 4:30 AM
    How to increase the line check box text ,tick and box size in Line check box widget?
  • beril JotForm UI Developer
    Replied on August 8, 2016 at 4:46 AM

    You can solve that issue as you see below:

     

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

    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.

  • Gayav
    Replied on August 8, 2016 at 5: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
    ...
  • Nik_C
    Replied on August 8, 2016 at 6: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:

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

    2. Click on CSS

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

    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!