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

Search the Community

Showing results for tags 'javascript'.

  • 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

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.piipers.com/ Site URL: https://tarantula-soybean-yx3d.squarespace.com/ HI! I´m new to this so excuse my lack of knowledge in this. But I´m trying to understand how to translate the language in the circled areas in the shop. Anyone have an easy code I can use? Or some tips on how to learn. Need to translate some more things on the page 🙂 Thank you for any help!
  2. Hi, For some reason I haven't been able to edit the "Login" window in any way, even with the !important tags. I haven't had any problems editing the other pages in CSS, but this one doesn't cooperate with me. Not sure if it's locked or if it's something I'm doing wrong. This is what I've written, I have tested multiple variations of this: //Login/Registration //Window .Dialog-container-uCx0n { background-color: #080808 !important; } //Title .Dialog-container-uCx0n h1 { color: #FFF !important; } //Sign in button .Button-container-BtFfe
  3. Site URL: https://www.angelsfoster.org Hey everyone, I've got a customer who wants to randomize (on page refresh, etc.) the video background on the banner of their homepage. I found some code out there for randomizing background images, but nothing on videos. I'm not a coder-coder, so I know enough to copy and paste something and tweak it to my needs, but this was a little beyond that. Any ideas for code or a plugin? I haven't found anything yet and thought I'd reach out here to see if anyone has done this or run across it before. Thanks so much! PJ
  4. I created a custom Log in button at a completely different placement than the standard one, now I'm wondering how to change the properties of this button to trigger the "UserAccountLink" instead of choosing a page. I can't see any type of navigation in the inspector except for the "href="#"", In my mind this simply says that there is something else that triggers the navigation, such as a onClick handle for the button. This is the HTML properties of the ORIGINAL Login button : <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDes
  5. Hello! (First Time Here) I'm running into issues with a javascript not loading in a code block for a video player I am trying to implement. The scripts work and load on a local implementation and on a non-squarespace hosted implementation. Here is the code in question: <meta charset="UTF-8"> <html> <head> <script src="https://www.mysite.xyz/vendome/js/jquery-3.1.0.min.js"></script> <script src="https://www.mysite.xyz/vendome/js/jquery.cookie.js"></script> <script src="https://www.mysite.xyz/vendome/webrtc.js"></script>
  6. I'm trying to add this Back to Top Button with Scroll Progress Indicator to my site. https://www.jqueryscript.net/other/back-top-scroll-indicator.html I'm adding the code into code injection (footer), but I can't get it to work. I'm probably missing something. This is what I have done: <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> <style> .progress-wrap { position: fixed; right
  7. Site URL: https://www.rgsproductsinc.com/system?type=clvw I can't find anything online that describes this behavior. (Test URL included for your amusement.) This page is supposed to load in header text, a descriptive paragraph, a drawing, and a slideshow based on the value passed to the page in the URL. This all runs off JavaScript embedded in the same custom code block as the HTML/CSS. The HTML/CSS is working; the JavaScript only works when I'm logged in and previewing the page. We've tried multiple browsers and I've tried injecting it into the page header, but nothing changes. (Edit:
  8. Hi, My question is about Sqaurespace website, Reactjs app deployed on Firebase how to connect it all. I have a sqauresace website + REACT based web app which takes event information from the user, the data is stored in Firebase and it is displayed . It's deployed on Firebase. It's like an event listing site. So this app has nodemailer, image-resize features. From SEO point of view my sqaurespace website and app are two independent entities. The event list which is the service is not adding benefit to the website. How can i solve this issue? I read that Squarespace doesn't suppo
  9. Site URL: https://emu-orange-ea7f.squarespace.com/impact I'm trying to create an animated number counter. I've found some code on this forum (see below). It's working fine on desktop but isn't loading on mobile. It appears to be correctly written for ajax so I'm at a loss as to why it isn't working. Can anyone help? <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> var a = 0; $(window).load(function() { var oTop = $('#counter').offset().top - window.innerHeight; if (a == 0 && $(window).scrollTop() >
  10. Hey all, I am attempting to hard-code in a set of percentage rings using HTML, CSS, and Javascript (migrating from Wordpress, where this was just a plugin). This is the code I am trying to integrate: https://codyhouse.co/ds/components/info/circular-progress-bar I put the HTML inside a code block, and it shows up correctly. However, the CSS and Javascript do not seem to be working, despite the code editor not kicking back any errors, and it working outside of Squarespace. How can I add this code? Thanks, Hugo
  11. Site URL: https://www.freeformgroup.org/phoenix-rising-1 I have a markdown accordion on my site that only works after the page is reloaded. Is this an ajax problem? Here is the javascript I'm using that has worked fine on other sites: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-bl
  12. Hi, Am using contact form on Squarespace. After form submission gets all values in a javascript file. Tried below ways: POST-SUBMIT REDIRECT -> http://rpadmanaban-dev.apptivo.net/create.js This field did not accept the script file Another Way: Code injection fields ->this script called the form reload functionality. I need after submission called the script file
  13. I would like to make a fetch request from my squarespace site to a weather data provider. The code works fine when I write it into a code block directly on the page. My issue is that the code contains an API key that I want to keep secure, yet accessible. My strategy to keep this "simple" was to use the method described in this article to upload my file that runs the script which uses the API key, and then reference that file using <script src="/s/javascriptfile.js"></script> The biggest question is whether storing an API key in an uploaded file linked on a disabled
  14. I'm trying to use a proven piece of code in my header code injection, however it doesn't work when I inject it into Squarespace because of the #. How can I get around this?
  15. Hello, I would like to add a sidebar to my website that displays my review score from customers (its from a Dutch e-commerce organization). Sadly, they do not provide a module for Squarespace so I will have to insert the code myself. I do not have any coding experience so I have no idea how to approach this. I have tried it with code injection but it did not show up. Could anyone help me? I am using the Brine theme. This is the code that is provided to me: <script> (function() { _webwinkelkeur_id = ; //_webwinkelkeur_sidebar = true; //_webwinkelkeur_sidebar_position = "left"; //_webw
  16. How can I make an arrow responsive to the text before and after the arrow. Looking at the attached image, the text is left justified and right justified and I would like the arrow in between to be a responsive width.
  17. Hey everybody, Trying to figure out a way to avoid a 3rd party form to include file upload. I injected HTML into the form, and it looks great. However, after submission, the data isn't included in the form storage locations (email and google drive). I assume the reason that doesn't work is because the form is given a unique id upon creation and that id is what is used to transmit data, making the JS injected AFTER the creation of the form invisible in the data transfer. Any ideas on how to get around this? Here's the code I've injected into the footer: <script> // If on
  18. Site URL: http://www.strongmamawellnessco.com I'm having trouble adding Javascript or HTML code in the Squarespace code block. The code is from Convertkit (for a form I've created). I'm able to find the proper place to add the code, but it shows up as plain text on my site, instead of the form. Help!
  19. Site URL: https://factory3.org/privacy-policy Hi there! I have added some JavaScript to my site in order to place a privacy policy on my page. It is a third party code from Termageddon. I can see the content only if I refresh my page. I'm thinking the site visitors won't know to do that. Upon first loading, the page appears to be blank.
  20. I have a few JavaScript files that I need to upload (such as jQuery Waypoints - among others). Where do these get uploaded?
  21. Hi all! So I've been trying to add a custom code to my Squarespace site for few days now and nothing seems to be working out. The code works like a charm on jsfiddle but when I try to put it in the website, it doesn't work at all. I've tried putting it at all the appropriate placed (code injection, header, code block, footer, banner etc.) Basically the three buttons in the body tag don't work. The soundcloud widget plays the music but I want to control the buttons to work as well. Any kind of support would be really appreciated. It's kinda urgent so a quick response would mean a lot.
  22. Site URL: https://www.craig-reynolds.com/ hey, have you guys seen this beautiful website of squarespace photographer Craig Reynolds? Under commercial work he use a "image over text link" effect. I now that css can´t adress this kind of animation. have everyone try this or can help me to create something like this? thank you guys greetings from germany sarah ❤️
  23. Site URL: https://css-tricks.com/moving-backgrounds-with-mouse-position/ Hello, So i am new and need help https://css-tricks.com/moving-backgrounds-with-mouse-position/ how can i impement this to my background or a picture? I need help ASAP
  24. Hello! I have two slideshow galleries on one page and I would like to rotate both at the same time when a click is made. Any ideas?
  25. Site URL: https://www.onekindcreative.com/podcast/katrinahopper How do I add Banner header image to an individual blog post? I want the header background image to be what I upload to the social media image for each blog post. I came across this on youtube: Unfortunately, his code and solution is for squarespace 7.1, and I am on 7.0. I attached examples of what I want it to look like for both desktop and mobile. Thank you for helping.
  • Create New...