Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'code'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I'd like to use the below paypal code in a multiple spots on the one page, but they seem to cancel each other out. When I view the live page, only one instance of the code works. How can I use the same code several times on one page without it cancelling itself out? <div id="paypal-button-container-P-0N639951XH242245SMFZ55JI"></div> <script src="https://www.paypal.com/sdk/js?client-id=AVK6OAb9FUfrk9nOyAnPy5SKpT-jtF9yGVAXqaDjpONPYhQbUspycoO3XvsLq0V-GQnzr11Vu9Rr3MUV&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script> <script> paypal.Buttons({ style: { shape: 'pill', color: 'blue', layout: 'vertical', label: 'subscribe' }, createSubscription: function(data, actions) { return actions.subscription.create({ /* Creates the subscription */ plan_id: 'P-0N639951XH242245SMFZ55JI' }); }, onApprove: function(data, actions) { alert(data.subscriptionID); // You can add optional success message for the subscriber here } }).render('#paypal-button-container-P-0N639951XH242245SMFZ55JI'); // Renders the PayPal button </script> Thanks!
  2. Site URL: https://www.nwdsa.org/request-a-new-parent-guide Hi there and thank you for your help! Basically I am trying to embed a bloomerang form into a page using the Code block on squarespace. The code that bloomerang provides (that has always worked for me on WordPress) is : <script src="https://s3-us-west-2.amazonaws.com/bloomerang-public-cdn/northwestdownsyndromeassociation/.widget-js/172034.js" type="text/javascript"></script> When I put this into the Code block under the Javascript mode, it displays the code on the site as if I have clicked Display Source but does not display the actual form. I have also tried it in the HTML mode and I have checked with an incognito browser as well to make sure that I am not just not seeing it because I am logged in. Attached is a screen shot of what this looks like. There is another more annoying way to do this where bloomerang generates a much longer code and you can host the form on your site instead of Bloomerang and the con is that it often displays weird, however even that just displays as the entire code and nothing else in the Code block Anyway I would appreciate any input/ advice, I'm hoping that I have just missed something very obvious. I have to say that this is my first time working with squarespace over wordpress and the growing pains have been harsh.
  3. Is it possible to create a horizontal scrolling design on squarespace? like the following examples: BANILA STUDIO kern inc. Thecs – Portfolio WordPress Theme (3theme.com) Roberto. - Onepage Horizontal Personal CV/Resume HTML Template Preview - ThemeForest Thanks in advanced!
  4. Site URL: https://www.m2avc.com Hi, I'm working on an integration with a major Air Conditioning company and to authorize my app I need to have a redirect URL that will display the authorization code. They recommend PHP but I can't use PHP with Squarespace. Does anyone have any ideas of where I could begin to look for how to do something like this inside the Squarespace sandbox? The example response is below. It uses a 302 redirect with query components. I need to pull out just the code, format, and display it in a web page for the client to copy and paste into an app. In this example the code is 12A3456BCD789123. Thank you all in advance. HTTP/1.1 302 Found Location: yourApp://authCode? code=12A3456BCD789123& state=a1bcd2fgh3ijkLm4opQRST
  5. Site URL: https://www.womedpodcast.com Hi I'm looking to add a fixed button that is placed vertically on the right side of page that is always present as they scroll down? How could I make this happen? attached is example photo of type of button I'm looking for on the side. I'm using the Vandam Template - any help is appreciated! Thanks!
  6. Site URL: https://www.jessclarkdesign.com/new-page On my site I have images for each project linking to their separate pages, does anyone have any code that would allow me to replace the image when viewed on mobile to a more suitable sized one, like how you can for banner images please?
  7. Site URL: https://soybean-fox-s3cf.squarespace.com/gear Hi! I'm building my first website with squarespace (still in the trial period) and I'm running into some hiccups with the mobile view. I have everything set how I'd like in desktop view, but when I switch to mobile, these 4 icons are stacked rather than side by side. Similarly, I have some images (links) that are next to text on my desktop view, but are not when I switch to mobile. I have this same issue on multiple sections on the same page. Any help would be appreciated. I've included the URL, but don't know if it will work since I'm still in the trial period. I'm new to code, but did get the chrome plugin that allows me to conveniently see the id #'s and such. Thanks in advance for any help!
  8. Hello everyone, this website hasn't been launched yet but I was trying to include Google translate through code. My client decided not to use it as the translations weren't accurate. Although I fully removed the code, the Google translate option is still there after I refreshed and everything. Has anyone encountered this issue and what was your solution?
  9. Site URL: https://studiofurks.com/ Hello, I wanted to align the "LinkedIn↗ Email↗" in my website footer on the left side on mobile only. I want to keep it how it is on desktop where it is aligned to the right. How do I do this? Thanks.
  10. Hello all, I'd like to change text spacing for only specific text blocks and not the entire website. I found a thread from 2017 where the recommendation was for p { margin-top: 0; } When I add it with the block ID it changed the entire page (and assuming the entire site). I could be putting it in wrong but didn't know if there was another way to add it?
  11. Site URL: https://www.scatr.com/ The images in gallery on home page are not responsive on mobile, tablet seems fine though. I've tried multiple Custom CSS options I've found in the forum and they work in Squarespace but not on the live site. Any help appreciated!
  12. Site URL: https://www.bengoodman.com Hi! I currently have one image in the body area of my site on the main landing page. Each navigation link has a strikethrough on hover. However, I would like to ALSO have the image (or GIF) in the main body change, depending on which link I hover over. Each portfolio link would display a relevant image on hover. Any help would be greatly appreciated! Thank you.
  13. Site URL: https://www.ginamorgano.com/podcast The title links on my summary block suddenly stopped working. This summary block is the home of my podcast show notes, so I would love to get this working. Squarespace help said that it has to do with the code, but that it falls outside of their scope and suggested posting here. I don't recall changing the code in any way (I don't even know how to find the code.) I would really appreciate your help spotting the issue in the code and correcting it so that my page works again. Thank you for your help!
  14. Site URL: https://buttercup-carnation-s5xg.squarespace.com/ Hi everyone, Would you help me write a css for changing the color of links when on hover? Currently, it changes from black to grey, and I wanted another color, an specific one. If i can also change the color of the intagram icon (not only on hover) i would appreciate it very much! (password: fr) Thanks!
  15. Site URL: https://www.annaclemens.com/training Hello, Does anyone know how I could add a code block to the banner in Bedford? Instead of the button I currently included in the banner, I need to use a piece of code to display a sign-up button from my webinar software. Any ideas? Thank you!
  16. Site URL: https://www.plasmasalts.com I am looking to add a glitch animation to my headers similar to the animations found here: https://css-tricks.com/glitch-effect-text-images-svg/ Is it possible to add these to either H1 or H2? Any help would be greatly appreciated :)
  17. Site URL: https://www.pianoharbour.com.au/aps Hi! Can someone help disabling the header altogether on:? https://www.pianoharbour.com.au/aps Also it would be great to know how to align #block-yui_3_17_2_1_1633773203261_4862 & #block-6161676b2bdbd16f2f269090 through the middle, horizontally, someone out there? Cheers
  18. Site URL: https://gopher-conch-8yty.squarespace.com/communities-offer Hi All, I have added css to the buttons on my site to change their hover state and to also change their background to a gradient. How do I do this to the Membership sign up buttons too?
  19. Hi, I really hope somebody can help me fix this issue. I added a Shopify Buy button on my website and it showed and worked fine. No it shows 'code removed'. I re-inserted it, doesn't help. I have now idea why the code stopped working. Anybody has or had the same issue?
  20. Site URL: https://squid-strawberry-dwl2.squarespace.com/product-overview-1 Hi Tuan! you seem to be the almighty wiz so I hope my question goes through. I have a similar issue, but need a specific image of specific content block to align fully to the right edge of the screen. I tried copy your code from the previous response but it didn't work. I have the 'Squarespace Collection/Block Identifier' extension and tried copying the # ID but think i'm lost. The site is in trial mode meant to launch on Friday: https://squid-strawberry-dwl2.squarespace.com/product-overview-1 password: october Any ideas? Thankful for help
  21. Site URL: http://www.faisalalmutairi.com Hi. I have this code block that runs loop video. On desktop spacing is perfect, however on mobile it is extremely wide as you can see in the pictures I attached. Is there a way around it? Thanks. Faisal.
  22. Site URL: https://www.oryxdentalsoftware.com/tablecomparison-edit Hello, I did a table using htm css an js. The rows in light blue are expandable. When the page first loads it's showing these sections expanded instead of collapsed. How I can make them collapsed when I first visit the page? Also I would like to add an arrow (up/down) for collapse/expand next to the title. Can I make the first 2 columns, the header and the footer fixed (shown in attachment) and make the remaining body part scrollable horizontally? It would be good especially for mobile. Thank you
  23. Site URL: https://www.snappi.tech/snappi-ads Hi everyone! I've made a bunch of code blocks that trigger a lightbox for some interactive content. You can see it here: https://www.snappi.tech/snappi-ads The problem is when in mobile, I'm unable to align them to two per row (which is way less scrolling) and for some reason, the sizes alternate. You can see in the attached image. Here's the code I use for each block: <center><a href="#/" data-featherlight="#snappicity-ad"data-featherlight="myiframe" data-featherlight-iframe-height="650px" data-featherlight-iframe-width="345px"> <div style="text-align:center; padding:0;"> <img src="https://www.snappi.tech/s/citytitle.jpg"></div></a> </center> <div style="display:none;"> <div id="snappicity-ad" style="text-align:center;"> <iframe src="https://play.snappi.tech/SnappiCity" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="650px" width="345px"></iframe> </div> </div> It might look a bit messy, I'm not a web developer but I google a LOT for Squarespace code and managed to repurpose lightbox code to show an iframe. 🙂 I would like to keep the sizes consistent in mobile, as well as have two per row. Really appreciate any and all help! Thanks, Jeff
  24. I want to use my site to host a short interactive online learning course created in Articulate RISE. It exports a zip file containing an index file, folder of media assets, lib folder and goodbye.html. I only know enough to be dangerous with code, so kind and patient explanations appreciated. TIA.
  25. I'm trying to obtain/send the "order ID" from my site's shopping orders in the new "Customer Email Notifications" editor, but so far its impossible...i require said IDs to attach them in the notification email in order to use the Squarespace API to obtain each order's data (purchase information: article, price, customer-email, etc) and store them in our database. I used to be able to do it by simply adding a command <<{order.id}>> on the confirmation email code in the old editor: Is there a way to achieve this now that the editor is changing?
  • Create New...