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!