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
    • 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.fieldandflorist.com/floral-delivery/sendflowers Hey Ya'll — first off, I have really appreciated this whole community. Thank you for all your input on other user's posts. I'm fairly new to coding and downloaded a .js date picker called datedropper — beautiful design if you haven't seen it. https://felixg.io/docs/products/datedropper-javascript. I'm trying to figure out how to get it to target and replace the date element in the lightbox form that pops up after you click 'Add to Cart' here: https://www.fieldandflorist.com/floral-delivery/sendflowers I uploaded
  2. I am trying to change the padding on a div in the Rally theme to be more mobile-responsive (currently when on mobile, the large padding forces the text off the edge of the page (see first screenshot), whereas I want a centered div (see second screenshot). I've put this JS code into my code injection but to no avail; I've been reading that code injection does not work on Index pages, so am thinking that might be the issue. Any advice on what to do? Following is the code (which works fine in Chrome DevTools): <script> if (screen.width <= 640){ var box = document.getElementsByCl
  3. Site URL: https://tjr-new-site.squarespace.com/ Hi there! I've perused a few forums and eventually found a nice, functional solution for having 1 word in a text block rotate through multiple words. (ex: Taylor is a "print"/"web"/"brand" designer...) Visual example, though not the code I'm using. I would like to know how I can tweak the JavaScript or HTML so that the affect applies to 2 instances in the same sentence. (ex: Taylor is a "print"/"web"/"brand" designer who has experience with "client1"/"client2"/"client3".) I'm not familiar at all with writing JS. Here's what I have in the t
  4. Site URL: https://familyhistoryconferencenwa.org The Current Situation My Squarespace website uses client-side, custom JavaScript and JQuery injected into the Head section of a page as well as the Amazon Web Services Command Line Interface SDK. The custom JS, the JQuery and JS Libraries, and the SDK are loaded into the page Head each time the page is loaded. That Is Objectionable The SDK uses two predetermined, static, handshake credentials to connect to the AWS server. They are stored in a file, "credentials," in a hidden directory, .aws, created by the SDK when i
  5. Install Revolut Merchant Payment Gateway Integration on Squarespace I understand that currently Squarespace may not support PHP files, which I would argue may or may not be a bottleneck here. I am mainly posting all the following to explore whether this task can be deemed as impossible from the very beginning. Does Revolut Merchant Payment Gateway require PHP server side language control on a higher level than what is available in SQS Developer mode? Is Squarespace Developer mode really so limited, that no work around exists for installing this merchant API? I use
  6. Site URL: https://www.divinecompasshealing.com/playlists I used a code block to add this GetResponse form. I selected HTML and unchecked display source. In production, the form works. However, when I click Edit on that page, nothing happens. I cannot edit it. If I do an incognito window with /safe on my url (so scripts disabled), then I can edit the page. Is this normal? Or what am I doing wrong? <script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=xxxxx&webforms_id=xxxxx" data-webform-id="xxxxx"></script> And any plans f
  7. I absolutely love how minimalistic this site banner looks. I am about to start on a new client site and something similar would be amazing for their brand. Can this be done in Squarespace? Site will be on a business plan, so code injection and custom css will be available. the site it's on: https://www.fahrenheit-212.com/
  8. Site URL: https://www.saas-day.com/ Hello everyone! I am currently struggling a bit with a countdown embedded script that just won't show on the page. I am currently using a Harris template from the York family and I would like to have a solution that does not imply to switch off Ajax loading. Here's the code: <center> <h2 id="timer"></h2> </center> <script> var countDownDate = new Date("Mar 11, 2021 09:00:00").getTime();var x = setInterval(function() {var now = new Date().getTime();var distance = countDownDate - now;var da
  9. Site URL: https://babkazana.squarespace.com/config/pages/5ea871187baaaa53d7a66a25 Site URL: https://babkazana.squarespace.com/config/pages/5ea871187baaaa53d7a66a25 The password of the page is : babkazana Hello , I need help I want to modify the contents of the text present on the screenshot in attachments. Can you tell me if it is possible to change 2-Shipping to customer? Is it possible to modify the contents of the <span> tag as in the video?
  10. I'm having problems getting the javascript of https://codepen.io/jdirks34/pen/abBBEGY to work on my website. Any help would be appreciated!
  11. How can I change the automatic Thumbnail-Link (post-url). I would like to have both links, the source-url and post-url to the same page (not blog post). or how can I remove the "post-url" from the Thumbnail? thanks for the Help!
  12. Site URL: https://www.daronprice.com.au/ Ive been having a small issue with how certain product images look on my home page. I have 4 product images that sit beside each other on desktop view but on mobile they stack on top of each other. I want the 4 Images in mobile view to display in 2 rows and 2 columns. I was given a code which would help me do this but it doesn't seem to work. The code is: @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1611892954947_10780 + .row .sqs-col-3 { width: 50% !important; float: left !important;
  13. Site URL: https://contrabass-paddlefish-w396.squarespace.com/ Hey squarespace fam, I've got a video set up to autoplay on hover and have added command copy "hover to play". However, I'd like this text to fade out or hide on play so that it doesn't block the video or mess with the hover function. I'm assuming this will require Javascript. Can someone assist? Thanks in advance! HTML: <div class="container"> <video id="video" width="100%" height="auto" loop="true" playsinline="true" class="" onmouseover="this.play()" onmouseout="this.pause();this.currentTime=0;"> <
  14. Hi everyone, I bought a plugin from Squarestud.io and it appears that they dont respond to anyone's emails/facebook/instagram - I assume they have gone bust. Anyway, I need to tweak the plugin and I am not very good at .js and would appreciate some help. The plugin is a logo loading screen using the site's logo. I am wanting to replace the image source (the existing site logo) with a gif that is stored in the site's CSS stored files - URL below. Any help is really really really appreciated. Thank you, Rob working site: https://pepper-clarinet-ctnt.squarespace.com/ GI
  15. I'm answering a question here started in another thread. Please see the question below. The first thing to do is to point your footer URLs to the support page. Adding a URL hash for each tab. Also I suggest turning off opening links in a new window. Add the following to your code block. <script> $( ( ) => { // change tab when URL hash changes $( location.hash ).click ( ); $( window ).on ( 'hashchange', function ( ) { $( location.hash ).click ( ); } ); } ); </script> This script does two
  16. Hey guys, I found the following article - https://css-tricks.com/website-escape/ and was wondering how I can add such a feature to my site, I do not know anything about code. Using the Brine template. Any help provided would be greatly appreciated!
  17. Site URL: https://www.queeniedang.com Hi! On my portfolio website I have a large header section that takes up the whole screen, with a project gallery underneath. I want to add a simple arrow like the one in the attached image (crossed out the persons name for privacy). If the arrow could be clickable and actually move the page down, that'd be neat. However I just want something simple so if making it clickable will make it complex, then I'd rather just have the simple arrow. Thanks!
  18. Site URL: https://www.cboothandson.co.uk/ Hello, I'm hoping someone can help. I'm trying to add a mega menu to my website. I have followed the instruction that I found online. When it works it looks perfect, unfortunately, as soon as I refresh my page or view my site in the browser, outside of the admin screen the code seems to stop working properly. I created my mega menu in the footer of my website and then used append to put my footer inside the header dropdown. I then added CSS to spread the footer out into a size that looks good when it pops out. This seems to be th
  19. Site URL: https://babkazana.squarespace.com/config/pages/5ea871187baaaa53d7a66a25 The password of the page is : babkazana Hello , I need help I want to modify the contents of the text present on the screenshot in attachments. Can you tell me if it is possible to change 2-Shipping to customer? Is it possible to modify the contents of the <span> tag as in the video? Enregistrement de l’écran 2021-02-11 à 17.31.42.mov
  20. Site URL: https://productivitypeople.com/ Any updates to the css and javascript that I have previously had under "Code Injection" in the "Header" and the "Footer" as well as any "Page Header Code Injection" doesn't actually show up or pushed to the live site (whether I'm logged in or not). I have tried hard refreshes, and that doesn't work. Interestingly, If I add some css to "Page Header Code Injection" to a new page without any code currently on it, it shows up and lets me make new updates that show up on the site. Clearly, something is stuck. I tried clearing all the code from the code
  21. Site URL: http://www.regencampos.es I would like to add a smaller subtitle to the Site Title in the header. So: SiteTitle subtitle I have used a code injection from SF Digital (pasted elsewhere) to replace '|' symbols in the SiteTitle text with <br>, but it's not working. I'd also like to change the font size. If I could use a code block for a site title this would be very easy indeed.
  22. Site URL: https://nayatraveler.squarespace.com/journeys-peru-walking Hi, I'm looking to develop my site to have a fixed split section at the very top but I'm unsure how to go about this? Any help would be appreciated! Cheers, Cadel
  23. Site URL: http://totalvu.tv Hi, We tried adding the AddThis Tip Jar to our site in a codeblock. Nothing is added to the site / visible when we run the site. The AdThis TipJar expands to around 360k of code... but the limit for codeblocks is before the code is run, right? Are there any other sources for Tip Jars via Javascript? We don't want our people to be taken to another site to Tip.
  24. Site URL: https://remitaniel.squarespace.com/ Hello! I am trying to add custom CSS and JavaScript to a page of my website. I am using the template Dario 7.1 (unable to turn off Ajax loading in the Design > Site styles). If I add a <script> tag into an HTML code block of my page, "Script disabled" appear in the Edit mode. On View mode, the script does nothing. If I add the script within a <script> tag into the site footer (Settings > Advanced > Code injection > Footer), the script content seems to not be executed, in Edit and View mode. If I add t
  25. Hi, I have found code to get rid of the header on a page successfully but would actually like it to appear as the visitor scrolls, say past 500px down the page. The idea is to have a full screen landing page for the site with the logo centre page and then when this is scrolled passed the header (which will also have the logo in) will appear withe the navigational elements. It will avoid the site having 2 logos present on the landing page. Many thanks for any assistance. My site has no real structure or content yet so I didn't give the URL, as this is the first task to get righ
  • Create New...