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

  • Profile Image
    Gayav
    Asked 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
    beril
    Answered 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
    Gayav
    Answered 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
    Nik_C
    Answered 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!