Search the Community
Showing results for tags 'js'.
Found 10 results
-
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
-
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 -
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:
