krztff Posted May 9, 2023 Share Posted May 9, 2023 Hi, For a number of websites I created, I made a collapsible contact form to reduce the size. All of these worked perfectly, until this morning a client told me theirs wasn't working anymore. Suddenly, the contact form doesn't open up anymore when you press it. I've checked all of the websites where I added this feature and none of them are working anymore. This is quite weird, because everything was working perfectly a few weeks ago.. How they were made: 1. Code injection -> HEADER: <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -> FOOTER: <!-- COLLAPSIBLE FORM SECTIONS --> <script> $('.form-item.underline').click(function() { $(this).nextUntil('.underline').slideToggle(); }); </script> 2. Custom CSS .form-item.underline:not(#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb) ~ *:not(.form-item.underline) { display: none; } //To style first section title #section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb { pointer-events: none; } #section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb .title { font-weight: bold; text-transform: uppercase; } //To change cursor of clickable sections .form-item.underline:not(#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb) { cursor: pointer; } //To style clickable section titles .form-item.underline:not(#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb) .title { display: flex; font-weight: bold; justify-content: space-between; text-transform: uppercase; } .form-item.underline:not(#section-1a3c12ba-77ef-4d49-aa85-f2e3ebbd50eb) .title::after { content: '+'; color: #065774; font-size: 1.7em; font-weight: bold; } This is the code for one of the websites I did: https://www.makri.org/contact But other websites seem to have the same issue: https://www.electrifyeurope.be/contacthttps://www.lccoaching.be/contact-introhttps://www.anouschkameuris.be/contacthttps://caribou-gopher-2ez7.squarespace.com/ (pw: INTUNE) Does anyone know how to solve this problem? Thanks in advance! Link to comment
Ziggy Posted May 9, 2023 Share Posted May 9, 2023 18 minutes ago, krztff said: This is quite weird, because everything was working perfectly a few weeks ago.. The form block has had a few important back-end code changes, so this plugin will need to be updated, read more here: There's a lot of chat on the forum about this that might help. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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