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
    • Resources
  • 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. Site URL: https://www.halftijds.be Hi everyone, I'm looking for an automatic counter I can embed on blog posts and event items so people can see how many people have seen the page. I want to do this for every page i have so it has so i need a widget or code i can easily multiply. Anyone any ideas?
  2. Site URL: https://www.sbd-vox.com/dewalt-nordic/p/mp16822-gb Hi Everyone. Hoping somewhere can help/point me in the right direction as i'm pretty sure this will need to be completed use custom code. By using a SquareSpace commerce store, we have created a "flat catalogue" which contains all of the items that we use and the users will need to enter the product SKU into another location/service. We've put the product SKU in the description, but we've had alot of feedback that it would be ideal to copy this directly to the clipboard (attached image is an example of the "copy to clipboard" button used on a different site). Would it be possible to create a button that copies the SKU from the SquareSpace product data, or perhaps as a fallback a unique part of text for each product? (i can tweak this for each individual product) We currently have MemberSpace integrated to our website, here are temporary credentials if required. Thanks!: W: https://www.sbd-vox.com/dewalt-nordic/p/mp16822-gb U: test@july.com P: pAssword1
  3. Site URL: https://www.veriff.com/ Is it possible to connect the Id verify with veriff.com on Squarespace? When I asked for help, he told me : We don't have an official integration with them and as our checkout page doesn't accept custom code, I would reach out to the Forum before signing up to Veriff. So, somebody already used that in the past or can propose a solution? Indeed, we sell alcohol on our website and we need to be sure that every customer is over 18 years old (an official verification and not only the first page of the website). At the same time, do you know if it's possible to safeguard this information after the first verification in the customer account, to win time at the next order?
  4. Site URL: https://pumpkin-lime-8bna.squarespace.com/ Hello I've got some scrolling text as an announcement bar in this site https://pumpkin-lime-8bna.squarespace.com/ pw AWC123 It's currently got a huge blank gap between scrolls, I'd love for it to be on a continuous loop rather than having a gap between loops. Is anyone able to help? This is the code I've used to get it to this so far below. Thanks in advance. .sqs-announcement-bar-dropzone { position: -webkit-sticky!important; position: sticky!important; top: 0!important; z-index: 9999!important; } .show-on-scroll-wrapper.show { display: none!important; } /* Removing the underline on link in the announcement bar */ .sqs-announcement-bar-text a{ text-decoration: unset !important; } /* Adding left and right padding, change to match your site padding if needed */ .sqs-announcement-bar-text{ padding-left: 40px; padding-right: 40px; } /* Hiding anything that extends beyond the screen */ #announcement-bar-text-inner-id { margin: 0 auto; overflow: hidden; } /* Starting the text off of the screen and adjusting width, change the animation: 15s to however long you want the marquee to take in seconds */ #announcement-bar-text-inner-id p { display: inline-block; width: max-content; padding-left:100%; will-change: transform; animation: marquee 25s linear infinite; } /* Stopping the marquee on hover so people can click on links */ #announcement-bar-text-inner-id p:hover { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
  5. Site URL: https://www.ambergchen.com/ I'm trying to add a drop shadow transition (ease) on hover for the images on my homepage. For whatever reason, it works on the images that are left-aligned, but not on the right side. Pics are attached for reference but you'll be able to see it in action on my site 🙂 Pass: WIP Thank you in advance! Below is my code for the image hover: .design-layout-overlap .image-inset { transition-property: box-shadow } .design-layout-overlap .image-inset:hover { box-shadow: 0px 8px 12px #E0DDDC; transition: .2s ease; }
  6. Hello. Any way to add an autoplay mp4 video to a Gallery page in Version 7.0? I have the video link/embed coding all set, but can't seem to add the content in a way that it displays in the Gallery? Any help greatly appreciated!
  7. Site URL: https://springtail-violin-hntl.squarespace.com/ Hi guys, I've searched on google and the forum but there are a few steps I couldn't figure out yet (most of the css I searched and fixed myself) I know the settings within the GUI that I'd like, but I don't know how to translate them to the CSS code. Link: https://springtail-violin-hntl.squarespace.com/ Password: waterkantThe settings I'd like are as follows: HEADER Homepage: Home -> Design -> Site styles -> Fonts -> Assign Styles -> Site Navigation -> Size -> Custom 1.4rem Home -> Edit (page) -> Edit Site Header -> Desktop Icon -> Link Spacing 3.0 exclude the header social icons exclude the header button HEADER everywhere else: 1: Home -> Design -> Site styles -> Fonts -> Assign Styles -> Site Navigation -> Size -> Paragraph 2 include the header social icons include the header button Home -> Edit (page) -> Edit Site Header -> Desktop Icon -> Link Spacing 1.5 2: site header to fit with the 'content width' of '89' as the rest of the site follows this as well (same as footer for example) ----- Other minor steps I'd love to figure out: 'over ons' page: have the picture of Marlies the women above the text on mobile (basically flip the 2 boxes in the section for mobile) across the whole site: I would love a 'back to top button' on the bottom right saying "^" (for mobile and desktop), I have no idea how. Is this a feature inside squarespace? Hope the description makes sense, if not please let me know so I can elaborate Thanks so much in advance, Kind regards Patrick de Waal
  8. Site URL: https://www.mcmainsmedia.com/home-1 I am trying to make some custom css code that allows me to change the background image by hovering over a certain text block. On this page (www.mcmainsmedia.com/home-1) when you hover over the text I currently have it set to just disappear. Instead, I would like the background image to change. I would like to be a white color when the user isn't hovering over any text (neutral/default) and then would like it to change to 1 of 4 different backgrounds depending on what text block the user is hovering over. I am making a larger photography portfolio and would like this to be the portal for my landscapes, concerts, sports, and journalism. So when someone hovers over the word "landscapes" a certain background image will fade in, then when they hover over "concerts" a different one will pop up, then if they move the cursor to the top left of the screen away from text a solid white (or black, don't care too much) appears instead. I would also like the images to have 30-40% overlays on top of them so the text still stands out. I have figured out how to target specific blocks with hovering and I know how to upload a specific image as the background but I do not know how to combine the two so that they work together. This is a great example of what I am trying to accomplish: https://www.sebastiancox.co.uk/ I love that there is a default background and then the others fade in depending on what word is being hovered over. Thanks!
  9. Site URL: https://www.charmingoilylife.com/favorites#collagen Hi I am trying to add anchor link code blocks but the links are jumping down a little too far. This is my code injection: <p id="collagen"></p> Please help!
  10. Site URL: https://amphibian-wedge-by8s.squarespace.com/ Hey there! I was wondering how would I change the colour of the the X icon on this desktop burger menu? We would like to make it white. Access password: firstpointdev22 Thanks in advance!
  11. 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!
  12. I am trying to find an loyalty rewards program that works with Squarespace even if its using Zapier as the "middle man". I have a retail store and I'm wanting to consolidate my POS from Clover and Squarespace to just Squarespace using the Square reader. Anyone know of a solution???
  13. Site URL: https://alansarpy.com/ Hello! I built a sidebar navigation and I can't seem to figure out how to get it to not cover up my website content. I need help figuring out the code to get all my content to move next to the sidebar and not under it. picture attached of what the site currently looks like and an example of what I'm looking to achieve. https://alansarpy.com/
  14. Site URL: https://www.currentmoodinteriors.com/collection I have these widgets provided by a 3rd party site embedded on one of my pages as HTML code and can't figure out how to get them centered -- it's driving me nuts! I saw there was a previous post about this but since it was from 2 years ago, I thought I'd repost as a new question 🙂 I tried the methods I saw in the previous post but none seemed to work and I'm fresh out of ideas!
  15. I am trying to make use of the form block button to have a button that opens a popup form when clicked. Is there a way to paste the sqs form button code into my own custom code such that it can be contained within the cards I made myself? In the image, the 3 cards currently have regular buttons that I hardcoded in myself, and I want to convert them to be squarespace form buttons like the one currently below them. I'm pretty good with injecting my own HTML/CSS/JS when needed. Any help would be appreciated!
  16. Site URL: https://reductionroadmap.dk/ Hi Forum, I am asking, like so many before me, for help concerning the newsletter block. I would like for the fields and the button to be wider and more narrow - which I tried to illustrate in my extremely poor drawing attached. I've tried different ways around it, in CSS, but never succeeded in what I wanted, which is why I am turning to you. Any help is much appreciated! The page: https://reductionroadmap.dk/ password: Reduce2Survive
  17. Site URL: http://sandycheekshomes.com Hello, I have uploaded custom code to my css to be able to use the fonts files provided to me from my designer. I am also using the code to be able to use one of those same fonts as my header font. Customer care on Squarespace has let me know that these codes are what are causing my logo file on the header to appear miscolored (blue is brown, pink is blue..). I want to be able to use these font files but I also need to be able to use my logo of course. I have tried both png files and jpeg files of the logo and neither are working. Any intel would be so appreciated!
  18. Site URL: https://www.history-ink.com/ Hi - hopefully a real easy one. I just want to centre this text (I have to do it this way as it's an anchor link). But I have obviously done it incorrect!
  19. Hi y'all. I'm trying to do something simple, and think I'm close, but getting a little tripped up. Hope someone can help? I'm trying to use the API to pull in the list of product names that are on my Commerce site. I'm working in Python because of other data processing steps. cURL works fine in Terminal, but I'm not able to pipe the output into a pandas dataframe. import json import pandas as pd import requests headers = { "Authorization": "Bearer xxxxxxxxxxxx", "User-Agent": "Get all samples", "Content-Type": "application/json", } response = requests.get("https://api.squarespace.com/1.0/commerce/products", headers=headers) response.raise_for_status() df = pd.DataFrame(response("name")) Can anyone help with this last step? Thanks so much in advance!
  20. Site URL: https://www.diabeticexchangeusa.com/ How do I get the "How It Works" button and "Sell Supplies" button closer together (without shrinking the image beneath) and how do I get them to not stack on mobile.
  21. Site URL: https://studiocote.co I have a tabs plugin on my site, but I want to center the tab items, so they sit in the middle of the page. They currently sit on the left. This is the CSS code used in the header: <style type="text/css"> .sqpl-tab-button{cursor:pointer;display:inline-block;border-bottom:0px solid black;padding:.5em 2em;margin:0;text-align:center;color:#888;position:relative;z-index:3}.sqpl-tab-button:hover{border-bottom:0px solid #000;color:#000}.sqpl-active-tab{border-bottom:0px solid #000;color:#000}.sqpl-tab-content{border-top:0px solid #d4d4d4;z-index:1}.sqpl-tab-controls{margin-bottom:-2px;z-index:2}.sqpl-tab{pointer-events:none;}.clickability{pointer-events:auto !important;}; </style> Can someone help me align the tabs? It's on https://studiocote.co
  22. Site URL: https://www.bloomingsoulscollective.com I have tried every bit of css I can find to rearrange the text & photos in one of my sections for mobile view; however nothing is working. I'm using 7.0. I just want the order to be text, image, text, image instead of text, image, image, text. Any help is appreciated!
  23. Site URL: http://https%3A3dpsco.com Hi, on version 7.1 SS, added a code block to embed a Dubsado contact form. Was able to successfully embed the form (by clicking the "+" and adding code </>, form shows up great on Apple mobile and desktop but in testing on Android (Samsung, Motorola), the form initally shows up correctly but when you click on it to fill it in (ie/ populate your name) it doesn't maintain the mobile scaling and expands out to the point that all you can see is the corner of the box of one of the fields you would populate, like 2000% zoom in. You can pinch and scale it back down again to be able to see the form, but the minute you start to type again to populate the field, the same thing happens- mobile scaling is lost. Please note I only copied the HTML code that was provided on the dubsado form (pasted below). I didn't tweak or modify it at all. Also I haven't done anything with Ajax- in fact I am not even sure where to find that. Here is the script that Dubsado provides for the lead contact form. Iframe Code Use this code to embed on your website. Copy and paste this code into your website's HTML or web-builder. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script><iframe src="https://hello.dubsado.com:443/public/form/view/628af12ce9473ccf0d4a1110" frameborder="0" style="width:1px; min-width:100%;"></iframe><script type="text/javascript">setTimeout(function(){iFrameResize({checkOrigin: false, heightCalculationMethod: "taggedElement"});}, 30)</script> Of interest the other dubsado form I embedded (scheduling) works great on all devices (maintains scaleability). Here is that code in case it's helpful. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script><iframe src="https://hello.dubsado.com:443/public/appointment-scheduler/62924e2d2612bb13ed23ef93/schedule?isIframe=true" frameborder="0" style="width:1px; min-width:100%;"></iframe><script type="text/javascript">setTimeout(function(){iFrameResize({checkOrigin: false, heightCalculationMethod: "taggedElement"});}, 30)</script> Personally I think it's a problem with SS, but of course their Customer Care Team won't help because it's code. Any assistance anyone can provide would be greatly appreciated. I am new to SS and honeslty this is so instrumental that if I can't get this resolved will need to leave SS or dubsado. 😞
  24. Site URL: https://www.kevinwalton.ca Hi, I was wondering if someone can help me work Butter.js on my site. I have tried everything I can but I can't do it. Here is the link to the Js: https://www.cssscript.com/smooth-momentum-scrolling-butter/ Thanks, Kevin W
  25. Site url: https://fife-corn-tfef.squarespace.com/ PW: square00 Is it possible to have the side category sticky like the header please? Thank you very much
  • Create New...