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've looked everywhere and I'm still not sure I understand how to take codepen code and add to squarespace. All I've seen is to just add a code block and put it all in the code block? I can get the html and css to work but soon as I try the Js it doesn't work. I was trying to test out this as a practice to try and figure it out. https://codepen.io/cameronknight/pen/qBNvrRQ on this page https://flugelhorn-seahorse-lzrb.squarespace.com/code-test-page?p?p pw: design123 I cant find any clear information on how to integrate codepen to squarespace. If anyone has straight forward instructions or youtube videos / links etc where I can research this more I'd appreciate it. I think I'm just not sure where each part gets placed into squarespace or when to change an id to something squarespace specific? I think I just need it really dumbed down.. lol
  2. i have a custom template where i would like to include a content block from another page and reuse this content block multiple times. I tried using squarespace:query tag however in the json loaded i dont see any content. for example the code would look similar to this mainpage.region <div> <squarespace:query collection="page-1"> <!-- get content from page 1 --> </squarespace:query> </div> <div> <squarespace:query collection="page-2"> <!-- get content from page 2 --> </squarespace:query> </div> <div> <squarespace:query collection="page-1"> <!-- get content from page 1 again --> </squarespace:query> </div> How can i accomplish this?
  3. Site URL: https://strawberry-lobster-ajlp.squarespace.com/listings/blog-post-title-two-t5jz2 I'm trying to hack the blog's "featured post" feature to easily toggle a listing as available (button prompts user to apply) or unavailable (button prompts user to join waitlist). The text on the button as well as the link would change for each case. Additionally there's a text box I'd like to hide when the post is not marked as featured. I've played around with code blocks and code injections, but can't figure out how to correctly query if a post is featured. Is this even possible? Site PW: AardvarkBadgerCougar
  4. Site URL: https://heptagon-greyhound-epd8.squarespace.com/ Hi All, Have a question on adding SVG to a site I'm working on. Images below help explain it. When I have the svg code in two blocks on the page it's appeaing without any issues. In the image below it's appearing correctly, but should not be in the red square. But when we remove the the code block in the red square the image is cropping: Has anyone had a similar problem or any ideas of how to fix. Sizing alignment has been changed several times but not making any difference. Thanks in advance for your help... Site is: https://heptagon-greyhound-epd8.squarespace.com/ Pass: NKC0901#
  5. Hi! I would like to be able to remove the banner from certain pages, on mobile only. I'm using the Brine 7.0 template. I added a colour banner, because I wanted my header font in white, so this means it looks fine on desktop, but on mobile it just looks like a pointless piece of colour. Can anyone tell me how I can hide the banner on my mobile site? Only on particular pages, I don't want to hide the homepage banner. Screenshots are attached. https://www.slowpoke.co.nz/shop Also if the answer is code... can you tell me exactly where to put it... sorry super newbie here! Thank you!!
  6. Site URL: https://www.abovethestorm.com/ Hello, I am trying to replace the "chain" link standard image that is embedded on the top right of my page for our discord link as it does not have one that normally pops up. Any help? its the one to the right of instagram. Thank you!
  7. Site URL: https://www.siontrefor.com Hi, I want to present my music in Album form on my homepage, there are around 15 tracks there currently and so the Album looks quite long. I'd like to be able to resize the rows of the album - shorten the height - in order that the whole thing doesn't take up as much space, and comes across a bit neater. Squarespace tech says it's not possible using the Site Design features, and I can confirm I've had no joy on that front, so I'm here in case anyone can offer up a coding solution. I've never touched code before, so apologies in advance for any dumb questions. Big thanks!
  8. Site URL: https://lion-clover.squarespace.com Hi guys, I am using the slideshow of List section. I am trying to: 1. change the currently "-->" and "<--" arrows to ">" and "<" 2. Adjust the size of the button on which the arrows are, and the size of the arrows (make them smaller). https://lion-clover.squarespace.com password: 123qwe I appreciate your help, thanks so much!
  9. Site URL: https://www.orcasoundproject.com/ Hello, On my website at the bottom of the home page I have some numbers that I would like to animate to go from 0 to the number that is already stated there. I have seen it before in some websites. Is there an easy and free way to do this? Thanks!
  10. Site URL: https://www.spanishlanguagecentreuk.com/online-courses I would like some help with CCS code that will correctly size my site for mobile use, keeping all the buttons in the right places, as you can see it goes crazy with the mobile version.
  11. Site URL: https://www.isabeltalens.com Here is my headache: My code blocks across my website and blog have suddenly started to only show the DIV container ID when I am on Edit mode. When I click individually the code blocks, the code is there. It happens to all code blocks, with completely different codes inside. When I press save, the code blocks will still show as the DIV container ID (not the actual content). If I refresh the page, the correct content shows. If I test the website outside my Squarespace account, all looks fine. It is driving me crazy on edit mode, as I do not see the content of my code blocks and it is very difficult to edit like that. The problem just appeared on Friday, while drafting a blog. It has never happen before. Squarespace helpdesk was not willing to help as it relates to a code block. Any one has any suggestions? Thanks so much in advance!
  12. Site URL: https://www.croonerradio.com I am tying to add code to my site. it worked about a year ago, and I took it off, but want it back on. This is what the widgit is asking me to do: Place the following code at the bottom of the web page, just before your </body> tag: I went to settings, advanced, code injection and then inserted into the footer section as the instructions say. It still isn't working. I tried another widget that has the same requirements and it didn't work either. Am I putting it int he wrong place? Can someone please tell me where to put this code? Thank you so very much!
  13. Site URL: https://www.docsend.com/how-it-works/ I am looking for a custom code to create a vertical timeline similar to this one. https://www.docsend.com/how-it-works
  14. I'm using a code block to fine tune text formatting on my site. Right now I'm trying to decrease the line-height to minimize the space between lines. I'm finding that when trying to insert text under the following: <span class=sqsrte-large style="color:#EFEFEF !important; line-height:25% !important;"> the line height doesn't change. However, if I change it to something greater than 100%, It does increase the spacing. Any ideas what I'm doing wrong? Thanks
  15. Site URL: https://piano-marigold-2sxs.squarespace.com/ How to change the colour of the search icon? I want to change from black to white The passoword is 1723
  16. Site URL: https://chicken-contrabass-a27s.squarespace.com/ Hi, In the Site Header of Squarespace 7.1 there isn't an option to have the Logo sitting on the RHS and the navigation menu on the LHS - does anyone know if this can be achieved with code?
  17. Hello! Is it possible to create a mobile footer for the Wells template? I'm having trouble finding the appropriate coding for it. Any advice would be greatly appreciated, thank you!
  18. so i want to have users to agree on two things (in checkboxes) before they can submit a form to me.(just like you cant proceed without agreeing the term and conditions on some websites/services) how would i do that?is there a way in javascript to check by the ID of the checboxes if they are checked or not (true/false), and if they arent checked - and try to submit the form -> they will get a pop-up saying they must check the inboxes before submitting the form?thanks
  19. Site URL: https://leopard-tan-mfgs.squarespace.com/ Hi, I have designed a homepage where I have: carousel (sqs-col-3) | Column of four Buttons using code-blocks (sqs-col-3) | Column of four Buttons using code-blocks (sqs-col-3) When it get's to mobile, squarespace does an excellent job of optimizing this all that had to be done is touch up the margins using a media query. The problem is that I can't find a way to optimise it for Tablets. I am hoping that I can place the two columns of code blocks to sit underneath the carousal. Any help or advice would be greatly appreciated. thank you! Site URL https://leopard-tan-mfgs.squarespace.com/ Access Password CPs!2021
  20. Site URL: https://serious.business/ Hey – been looking to replicate something similar to the Site URL I provided (https://serious.business/). They have a specific feature (a smiley face visual that scrolls along with you, and if you click on it, opens up a form). Is it possible to replicate something like this on Squarespace 7.1? Would love to learn more about how I can possibly code this! I'm also ok with instead of it opening up a form, it directs to an anchor link at the bottom. \ Thank you in advance for any advice!
  21. I am seeking help with a lottie animation that I am putting on my site. I am having a hard time aligning the lottie animation with the design the same way I would align an image. Is there something I should change in the code to make it align?
  22. Site URL: https://www.bridgingfortomorrow.org/growgroups I'm trying to alter some elements of this scheduler. I don't have the plan that allows me to inject custom code straight into the scheduler, but couldn't I just make the changes under Design > Custom CSS as long as I have the block id? Basically I want to change some wording around in a few places. I want it to say "Week of Sept 7" instead of the date, and I want t0 change the 9:30 time that's displayed also. This is what I tried to no avail: #block-121c2dcd48b21210c5e3 span.babel-ignore {display:Week of Sept 7} Any help much appreciated.
  23. Site URL: https://www.christianjleong.com/ Hi, I'd like to attach my fade-in sitewide animations to a code block (and specifically a div). How can I do this? Thanks
  24. Site URL: https://www.salonverastl.com/booknow Hello. I'd like to embed my squareup booking widget on my "book now" page on square space but would like to take the code block longer so guest wont have to scroll so much. I've tried using some of the custom css codes found in other question responses but they aren't working for me. I'm not sure what I'm dong wrong. Also, can anyone tell me how I can change the color of the links in the block as well? Id like to change them from the blue that squareup uses to a brown (#D1BDA0)
  25. Site URL: https://round-algae-fj2m.squarespace.com/ Hi, i'm looking for some help with my site when viewed on mobile. On all of the pages, minus the about page, the screen can be moved from side to side, as if the site width is different for these pages. I don't remember changing anything, however, I do have some code in place to adjust image sizes, and header format. Not sure if this could be affecting it. Is anyone able to advise? Site URL is: https://round-algae-fj2m.squarespace.com/ Many thanks, Nicola
  • Create New...