theRooRoo Posted March 31, 2021 Share Posted March 31, 2021 Hello! I am having trouble getting a preset div id tag to fit within the squarespace container size. This is a inline form from jobber and they recommend that you put this code in the markdown box; which I have done. However, the forms shrinks down and doesn't span out within the container. Is there a way to code this or add a size element to div id tag? Here is the preset code from the inline jobber form. I have also attached a screenshot of the form does when it loads. It shrinks to one column vs span all the way to the right edge page. <div id="a67e8e36-022c-4aaf-a256-edc2847d4f1c"></div><p> <script src="https://d3ey4dbjkt2f6s.cloudfront.net/assets/static_link/work_request_embed_snippet.js" clienthub_id="a67e8e36-022c-4aaf-a256-edc2847d4f1c" form_url="https://clienthub.getjobber.com/client_hubs/a67e8e36-022c-4aaf-a256-edc2847d4f1c/public/work_request/embedded_work_request_form"></script><p/> Beyondspace 1 Link to comment
Beyondspace Posted March 31, 2021 Share Posted March 31, 2021 23 minutes ago, theRooRoo said: Hello! I am having trouble getting a preset div id tag to fit within the squarespace container size. This is a inline form from jobber and they recommend that you put this code in the markdown box; which I have done. However, the forms shrinks down and doesn't span out within the container. Is there a way to code this or add a size element to div id tag? Here is the preset code from the inline jobber form. I have also attached a screenshot of the form does when it loads. It shrinks to one column vs span all the way to the right edge page. <div id="a67e8e36-022c-4aaf-a256-edc2847d4f1c"></div><p> <script src="https://d3ey4dbjkt2f6s.cloudfront.net/assets/static_link/work_request_embed_snippet.js" clienthub_id="a67e8e36-022c-4aaf-a256-edc2847d4f1c" form_url="https://clienthub.getjobber.com/client_hubs/a67e8e36-022c-4aaf-a256-edc2847d4f1c/public/work_request/embedded_work_request_form"></script><p/> What is the site url BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
theRooRoo Posted March 31, 2021 Author Share Posted March 31, 2021 36 minutes ago, bangank36 said: What is the site url @bangank36 It is still in trial mode. www.antelope-tan-pxfd.squarespace.com Pswd: H3ll0!$ Link to comment
Beyondspace Posted March 31, 2021 Share Posted March 31, 2021 57 minutes ago, theRooRoo said: @bangank36 It is still in trial mode. www.antelope-tan-pxfd.squarespace.com Pswd: H3ll0!$ I dont see the form in contact, did you remove it BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
theRooRoo Posted March 31, 2021 Author Share Posted March 31, 2021 10 hours ago, bangank36 said: I dont see the form in contact, did you remove it @bangank36Nope it is still there. Link to comment
Beyondspace Posted March 31, 2021 Share Posted March 31, 2021 1 hour ago, theRooRoo said: @bangank36Nope it is still there. try adding to Design->Custom CSS .jobber-work-request { width: 100%; border: none; } tuanphan 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
theRooRoo Posted March 31, 2021 Author Share Posted March 31, 2021 5 hours ago, bangank36 said: try adding to Design->Custom CSS .jobber-work-request { width: 100%; border: none; } It worked! Thank you so much for your help. tuanphan and Beyondspace 2 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