Checkboxes not working on forms

Any idea why I can't get the checkboxes to work on forms? Everything else appears to be working just fine.

misshannahs.squarespace.com/wholesale
password: mhp

having the same issue. Mine is not showing the checked box selected but is showing up on the form when I receive it.

Will try that snippet  @Lesum
 

Just now, ShortAngryViking said:

having the same issue. Mine is not showing the checked box selected but is showing up on the form when I receive it.

Will try that snippet  @Lesum
 

@ShortAngryViking Let me know if it works on your site. Thanks!

Still not showing up. I have other forms elsewhere on the site and they are working a treat (Home & Request Service Pages)

This one form is connected to the "shop"  (not an actual store yet) i have it setup as an order form where they select items and then re reply with bank details. Store will come when things get busier.

Thanks @Lesum

@ShortAngryViking Try this one:

.form-field-shape-square .sqs-block-form .form-item input[type="checkbox"]:checked {
    background: #000 !important;
}

Absolute Legend! Thank You

Hi, having this problem too, all forms affected. Both code snippets don't work when added to custom css - any ideas?

On 11/23/2023 at 4:12 AM, MarketingFounderMade said:

Hi, having this problem too, all forms affected. Both code snippets don't work when added to custom css - any ideas?

Can you share link to page where you use form?

On 11/24/2023 at 8:59 AM, tuanphan said:

Can you share link to page where you use form?

https://www.foundermade.com/speaker-form

That's one page where you can see!

On 11/28/2023 at 3:51 AM, MarketingFounderMade said:

https://www.foundermade.com/speaker-form

That's one page where you can see!

I see it still works here, but when users hover out >> checkbox disappear. You mean this problem?

On 11/29/2023 at 8:15 AM, tuanphan said:

I see it still works here, but when users hover out >> checkbox disappear. You mean this problem?

Yes, precisely, it's confusing users.

On 12/1/2023 at 6:44 AM, MarketingFounderMade said:

Yes, precisely, it's confusing users.

You can use this code to Custom CSS

div#block-d7bd4600a9ee004ca4a8 .form-item.checkbox label input[type="checkbox"]:checked {
background-color: #a9a9a9 !important;
}

On 12/3/2023 at 7:45 AM, tuanphan said:

You can use this code to Custom CSS

div#block-d7bd4600a9ee004ca4a8 .form-item.checkbox label input[type="checkbox"]:checked {
background-color: #a9a9a9 !important;
}

 

Thank you - works!

Hello,  I am having the same issue on my form, the user is not able to check any of the boxes (actually they are circles).  None of the above css codes are working for me.. any other way I can try?

Here is my site:  ceedhr.com 

10 minutes ago, Sash said:

Here is my site:  ceedhr.com 

Password?

Password:  Wedding

I have now fixed the password to be correct:  Wedding

4 minutes ago, Sash said:

I have now fixed the password to be correct

Password doesn't work.

I'm having the same issue, the checkbox disappears when users hover out - they are unable to confirm whether the box is checked and is causing confusing around subscription - the single most imporant feature for my website, can someone help please?

www.sakaicooks.com/sign-up

6 hours ago, sakai said:

the checkbox disappears when users hover out

The check is actually there but the color scheme is preventing it from easily being seen.

I don't have a solution but in general you might try adjusting the colors so the check is more visible.