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

Search the Community

Showing results for tags 'js'.

  • 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://dog-sunflower-g2n5.squarespace.com Hi everyone, I hope you are all doing fine. So I'm having a hard time targeting another class on text hover. As per the image below. The image should change whenever the cursor will hover the text (e.g. Star Eyes, Lip Art, Crystal Hands). What are the ways to change the image block on text hover? Will really appreciate your help 🙏 Password: Pass123
  2. Site URL: https://www.atlas.dental I have a website www.atlas.dental that performs pretty well on the SERPs but could use improvements. These are the problems that I have identified: 1) Eliminating the Cumulative layout shift (CLS) problem 2) Decreasing time for First Contentful Paint and Largest Contentful Paint 3)Eliminating render-blocking resources problem 4)decreasing the total size of the website to load 5) Remove unused javascript I am looking for some direction with whom to talk to about fixing these problems. Are they easy to fix on a Squa
  3. Site URL: https://www.robinburgess.com/ On this website, some of the pdfs open in new tabs, while some are being downloaded. This seems inconsistent to me, because I link all pdfs in markdown with <a href="/s/link-to-.pdf" target="_blank">Linktext</a> However, the behavior of the pdfs changes, seemingly randomly. For example, when clicking on "DEMAND FOR ELECTRICITY ON THE GLOBAL ELECTRIFICATION FRONTIER", the pdf opens in a new tab, but for "WHY DO PEOPLE STAY POOR?", it downloads. I'm using Google Chrome, but I want the behavior to be the same across all modern browsers
  4. Site URL: https://dtmg.io Is there a way to add an onclick function to a button's href code? I've been googling and can't find anything. Thank you!
  5. Site URL: https://www.veteransthatdump.com/ Has anyone installed the CallTrackingMetrics tracking script using Code Injection and had it work? I see the script in the source code of the site but it is not sending info to CTM (according the CTM support) and SS isn't much help either. Mostly just trying to see if anyone else has been able to get it to work or might have an idea why it would not be working. Thanks in advance.
  6. Hello, forum! I just trying to add one or more "menu" buttons to website. I've added button, but it's still doesn't work. How to new buttons work? And menu buttons Test 0,Test 1, Test 2 wokrs normally only on html & css without js Here are parts of html & css codes --- menu <div class="tab"> <input id="tab-0-ctrl" class="ctrl-radios" type="radio" name="tab-radios"> wokrs <input id="tab-1-ctrl" class="ctrl-radios" type="radio" name="tab-radios"> wokrs <input id="tab-2-ctrl" class="ctrl-radios" type="radio" name="tab
  7. Hi, I have 2 images overlay. I want to trigger a sound by clicking on the upper image (olaf.gif) I have sound on image but I lose all criteria: size olaf.gif, onClick and onMouseOut on 5.png. Thank you for your help. Voizins <script> function play(){ var audio = document.getElementById("audio"); audio.play(); } </script> <td align="center" valign="middle"><img src="Images/olaf.gif" value="PLAY" onclick="play()"> <audio id="audio" src="Sound/TOON.wav" ></audio> width="100" height="75
  8. Hi All, I would like to give the "reel slideshow" in 7.1 a draggable function so that also means getting rid of the transition effect. I have found a code on codepen, https://codepen.io/kellyex/pen/KKwwdYg >> anyone who knows how to integrate this? Would be amazing ! Thanks, K
  9. Site URL: http://torchglow.video Hello, I am trying to add a second logo centered in my header like the attached mockup, but I can't quite figure it out. Page PW is T0rchgl0w The image path for the second logo iamge is https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/6040178f0f70e01f9af5997b/1614813071300/Torchglow_Flame-Icon_White-Transparent.png Any help would be greatly appreciated!
  10. Site URL: https://geckovacations.squarespace.com/ Password: 12345 on the Home Page there is some code for a property search widget. It doesn't show up when the site is live nor in edit mode in Squarespace 7.0 but works fine when I tested it on a 7.1 template. Attached is the error shown. Can anybody please tell me exactly what to do? I am not a coding expert.
  11. Site URL: https://jayuzumi.com/test Hi if you press the share button and then click twitter for example it doesn't work and the pop up window doesn't show. I purchased this audio plugin and the developer doesn't know why it's not working and everything is implemented correctly, he did ask this though- Is it possible that the website has some feature that prevents the popup window to open? https://www.w3schools.com/jsref/met_win_open.asp I also have another site which it works perfectly on you can see the working player here but on a non Squarespace site. Can anyone help, this
  12. I'm looking to add the javascript & SVG effects shown in the following tutorials to my Squarespace 7.1 portfolio site: 1. "Making Stagger Reveal Animations for Text": https://tympanus.net/codrops/2020/06/17/making-stagger-reveal-animations-for-text 2. "Ideas for Distorted Link Effects on Menus": https://tympanus.net/Development/DistortedMenuLinkEffects/index5.html 3. "Animated Custom Cursor Effects": https://tympanus.net/Development/AnimatedCustomCursor/index3.html 4. "Text Distortion Effects using Blotter.js": https://tympanus.net/Development/TextDistortionEffects/index.ht
  13. Site URL: http://CookColorful.com We want to display or hide buttons and menus depending on whether or not the user is logged in with access to a member area. I'd love any insight the genius collective on here can provide. Thanks!
  14. Site URL: https://www.abehsignatureapartments.com/ I am trying to upload custom code files (HTML, CSS, JS, Images). And I can't seem to find a way to do that. Apparently, developer mode (which I believed was a way to manage/transfer files) is only available in version 7.0 and not 7.1. I've tried using an FTP Client - Filezilla precisely - no luck there either. Can anyone help with this please?
  15. Site URL: https://walrus-bellflower-k256.squarespace.com/ I've tried a number of ways. It seems the page loads fully on the initial render, as the scrollbar indicates, but I can only seem to get the height of the element that my JS code is inside of, and not the whole document itself. I'm building a scroll-progress-bar for a client and need to know how much of the document they've scrolled through. I thought I might be able to get the footer element and measure the distance from there, but that's also undefined. This was my latest attempt, using all the possible document.height att
  16. Site URL: https://whbc.squarespace.com Hello. I'm try to create a sort of age verification popup for a brewery website. I'm trying to make it work with the built-in promotional pop-up tool. So far, I created a pop-up with two buttons: "Enter Site" and "Order Takeout" The "Enter Site" button should close/dismiss the popup and show the visitor whatever page they've landed on. The "Order Takeout" button would take underage uses directly to the food menu to order, skipping all of our content about alcohol. For the "Enter Site" link I've tried both a "#" and leaving the l
  17. Site URL: https://jordandixon.co Here my site: https://jordandixon.co The issue is on mobile. I'd like to lock the screen orientation to portrait. If you turn your phone sideways on my current mobile site it looks bad. Any tips on how to do this with Javascript? I know there is an API for this but I'm unsure how to integrate it within Squarespace. I would appreciate any insight at all if anyone has come up with a similar solution. Thanks in advance!
  18. Hello, it’s my first question here. I have a customer, that want to add in the Squarespace website, a signup/login option, but, my customer need to develop an algorithm that match tutor with clients, based on some factors, like location, type of job and hours needed. It’s possible to make something like that? Thanks, Nicolò
  19. Site URL: https://musgrove.co/ I'm having issues placing my mega menu (JS and CSS) close enough to the navigation link that it closes before I can hover over the page. I have built this by adding an additional section under my main footer, then added the following JS: <!-- Wedding Tab Megamenu JS--> <script> $(function(){ $('.header-display-desktop [href="/weddings"] + .header-nav-folder-content').append($('#footer-sections section:nth-of-type(2)')) }); </script> <!-- End Wedding Tab Megamenu JS—> When I hover over the 'Weddings' naviga
  20. Hi everybody, Hope you're well. I have a question regarding my attempt to get a "Back to top" button. I have followed all the advice listed from the top rated post (HammaadM) here: https://forum.squarespace.com/topic/10886-how-can-i-add-a-scroll-to-top-button/ This means A) I have added a code block in my footer with code: <a href="#" class="scrollup">Scroll</a> B) I have added to custom CSS the following code (the URL is the Back to Top button I'd like to use): .scrollup { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px;
  21. Site URL: https://lifejoytherapy.com/faqs Is there anyone who can help diagnose why the following code block isn't rendering?? See screen shot - this is how I've added it to the site. Plan is a Business Plan so should cover JS. I so hope someone can hep! Thank you so much!
  22. Does anyone know how to change the button text "Post Comment..." on blog commenting? I'm working with 7.1 for this particular site. I believe this has to be done via JS based on instructions I've seen for changing "Read More" text, etc. Thanks in advance!
  23. Site URL: https://corn-apricot-zn88.squarespace.com/portfoliodetails/blog-post-title-one-p3bml I am desperately trying to do an effect like this vertical slide with project info. https://www.vmdo.com/discovery-elementary-school.html I have looked everywhere and even tried taking the horizontal slideshow and recoding it to go vertical - massive fail! Something like this or even a simple back forth full bleed slider that has text on one slide/image on another. I tried using a carousel, but I cannot get the images full bleed, sized so they are not stretched etc. Ideas? Th
  24. Hola everyone! I have a plugin (javascript) that launches a pop over box. I am having trouble either styling the script or adding the script to a button. Here is the script. Trying to make it look like the button above in the screen grab <script src="https://www.riskalyze.com/hosted/v2/0a1d6c37ef7ffe925794/rq/lt/lg/btn.js" type="text/javascript" data-button-color="#ff8949" data-button-title="TAKE OUR INVESTMENT RISK TOLERANCE QUESTIONNAIRE"> </script> Any help would be appreciated. Cheers, Alex
  25. Site URL: https://codepen.io/chrisota/pen/OJJbdbR#code-area Hi folks first time poster. Ive researched the Squarespace Forum for answers to my question but I didnt see any. So I'm trying to use the code from https://codepen.io/chrisota/pen/OJJbdbR#code-area to embed on my squarespace website. I want to change the background color to white. I couldn't get the HTML and CSS to work but I was able to embed the iframe in the code block, but them had the problem of getting rid of the frame with all the script. Can someone help with identifying how I can add the hml/css/JS code to the Code blo
  • Create New...