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

    Terms and conditions checkbox

    Asked by d_lane on June 09, 2016 at 11:14 PM

    When I hover over the checkbox it changes sizes. Also the check is too big.

    checkbox and check Sizes
  • Profile Image
    JotForm Support

    Answered by Kevin_G on June 10, 2016 at 01:45 AM

    When you are over the checkbox there is a class added to it, it is .hover, please try injecting this code to your widget: 

    .hover{

       width: 8px !important;

        height: 8px !important;

     

    }

    It has the same dimensions that you have already set to the checkbox, to add the code to the widget follow these steps. 

    First click on the widget and then click on the wizard icon: 

    Then click on the CSS tab and paste the code there: 

    Hope this helps. 

  • Profile Image

    Answered by d_lane on June 10, 2016 at 09:42 AM

    sorry that doesn't fix the issue.

  • Profile Image

    Answered by d_lane on June 10, 2016 at 10:06 AM

    can't see the check inside the box and hovering over still alters the box

     

     

     

  • Profile Image

    Answered by d_lane on June 10, 2016 at 10:06 AM

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 10, 2016 at 11:16 AM

    Hi,

    Please add the following CSS to the widget:

     

    .icheckbox_minimal.checked, .icheckbox_minimal.checked.hover {

        background-position: -23px 0 !important;

        border: 1px solid #585858 important;

    }

     

    .icheckbox_minimal {

        background-size: 110px 10px !important;

    }

     

    The result should be as follows.

  • Profile Image

    Answered by d_lane on June 10, 2016 at 12:04 PM

    ok that worked for the check, but when i hover over the box it shouldn't move at all..any fix for this?

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 10, 2016 at 12:55 PM

    Hi,

    Please replace the latest CSS I gave above with this.

    .icheckbox_minimal.checked {

        background-position: -23px 0 !important;

        background-size: 110px 10px !important;

    }

     

    .icheckbox_minimal.hover {

        border: 1px solid #585858 !important;

    }

    The result should be as follows.