Search the Community
Showing results for tags 'js'.
Found 22 results
-
Tweeking the performance of my websites need help!
atlasdentalto posted a question in Coding and Customization
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 -
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
-
Integrating a draggable Slideshow transition (REEL)
karo posted a question in Coding and Customization
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 -
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!
-
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. -
My custom share button doesn't work on Squarespace
jayuzumi posted a question in Coding and Customization
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 -
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 -
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! -
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?
-
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
-
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 -
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!
-
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ò
-
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
-
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!
-
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;
- 1 reply
-
- 1
-
-
- custom-css
- js
- (and 1 more)
-
Thiurd-oarty JS code block not rendering no matter what I do
dcoote posted a question in Coding and Customization
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! -
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! -
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
-
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
-
Codepen HTML CSS Illustration Customization for Website
Coeuss posted a question in Coding and Customization
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 -
Site URL: https://www.johan.media/ Hello everyone! First time here, I've been looking on the web how to apply a grained js library (I guess it's how we call it). I have basic knowledge in HTML and CSS but not in JS so it was quite new. So I want to add this: https://sarathsaleem.github.io/grained/ to my website. In the header injection (Setting > Advanced > Code Injenction) I added this code: <script> src="https://cdn.rawgit.com/sarathsaleem/grained/master/grained.js" </script> <script> var options = { animate: true, patternWidth:
