Check icon in the check boxes are not fully showing

  • MaidCrew
    Asked on June 30, 2016 at 8:42 AM

    Hey there... I've got a problem with my big sized check box "checks" not fully showing up. I've run into this before but not sure how/why it happens.  I'm assuming it's a glitch or bug. I ran a test form to show that it works on a fresh form but something in my full-version form is causing a problem, not sure what.  Any way to find out?

    Thanks, Shawn

    Jotform Thread 872765 Screenshot
  • Jan
    Replied on June 30, 2016 at 12:10 PM

    I was able to replicate your issue. Please try to inject this custom CSS code:

    .form-checkbox-item:not(#foo) label:after {
    box-shadow: 0 5px 0 0 #00ccff, 5px 5px 0 0 #00ccff, 10px 5px 0 0 #00ccff, 13px 5px 0 0 #00ccff, 10px 8px 0 0 #ffffff, 15px 2px 0 0 #ffffff;
    }

    Here's a guide on how to inject custom CSS. Here's the result:

    Check icon in the check boxes are not fully showing Image 1 Screenshot 20

    Hope that helps. Thank you.