braevin Posted August 31, 2023 Share Posted August 31, 2023 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 Link to comment
Solution Lesum Posted August 31, 2023 Solution Share Posted August 31, 2023 @ Here's a code snippet to fix the issue on your website: .sections .form-block .form-item input[type='checkbox']:checked { background: #000 !important; } .sections .form-block .form-item input[type='radio']:checked { background: #000 !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
ShortAngryViking Posted September 1, 2023 Share Posted September 1, 2023 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 Link to comment
Lesum Posted September 1, 2023 Share Posted September 1, 2023 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! If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
ShortAngryViking Posted September 1, 2023 Share Posted September 1, 2023 (edited) 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 Edited September 1, 2023 by ShortAngryViking Link to comment
Lesum Posted September 1, 2023 Share Posted September 1, 2023 @ShortAngryViking Try this one: .form-field-shape-square .sqs-block-form .form-item input[type="checkbox"]:checked { background: #000 !important; } ShortAngryViking and catalienne 1 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
ShortAngryViking Posted September 1, 2023 Share Posted September 1, 2023 Absolute Legend! Thank You Lesum 1 Link to comment
MarketingFounderMade Posted November 22, 2023 Share Posted November 22, 2023 Hi, having this problem too, all forms affected. Both code snippets don't work when added to custom css - any ideas? Link to comment
tuanphan Posted November 24, 2023 Share Posted November 24, 2023 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarketingFounderMade Posted November 27, 2023 Share Posted November 27, 2023 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! Link to comment
tuanphan Posted November 29, 2023 Share Posted November 29, 2023 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarketingFounderMade Posted November 30, 2023 Share Posted November 30, 2023 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. Link to comment
tuanphan Posted December 3, 2023 Share Posted December 3, 2023 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarketingFounderMade Posted December 4, 2023 Share Posted December 4, 2023 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! Link to comment
Sash Posted April 16 Share Posted April 16 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? Link to comment
creedon Posted April 16 Share Posted April 16 (edited) 10 minutes ago, Sash said: Here is my site: ceedhr.com Password? Edited April 16 by creedon Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Sash Posted April 16 Share Posted April 16 I have now fixed the password to be correct: Wedding Link to comment
creedon Posted April 16 Share Posted April 16 4 minutes ago, Sash said: I have now fixed the password to be correct Password doesn't work. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
sakai Posted April 23 Share Posted April 23 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 Link to comment
creedon Posted April 23 Share Posted April 23 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. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment