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


  • Content Count

  • Joined

  • Last visited

Personal Information

  1. Site URL: https://www.kevinwalton.ca Hi There! Finally got the chance to publish my redesigned website! See what you think, I am always looking to improve my skills! - Kevin W
  2. Yes @Winther I got the chance to figure it out but unfortunately it messed up with another piece of Javascript that I already had on my site so I had to remove it. Thanks for the update!
  3. Site URL: https://lily-oboe-g479.squarespace.com Password is "1" Hi, I have been working on this for over 6 hours and I cannot figure out how to add Parralaxing to my site. I want to mainly add it to parallax images when you scroll, I just want to figure out how to add it to image blocks but I don't know where to put the ID and the Class. Here is the code from this site: https://codepen.io/smlparry/pen/JzGELL HTML <div class="wrapper"> <div class="parallax-container"> <div class="background"> <img class="background
  4. Site URL: https://lily-oboe-g479.squarespace.com/ Password is "1" Hi, I have no idea how to install Rolly.js to my site. I want to have smooth scrolling but I know nothing of javascript. Here is the website where you install it: https://rolly.maj.digital/ Here is where you install it: https://mickaelchanrion.github.io/rolly/guide/ Someone please help me Thanks, - Kevin
  5. Site URL: https://www.kevinwalton.ca Hi there, Can someone help me add this to my site? I have tried but I don't know how to make it Squarespace accessible. Index HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Awesome Hover Effect + Animated Cursor | Codegrid</title> <link rel="stylesheet" href="style.css"> </head>
  6. Site URL: https://sponge-lychee-awaf.squarespace.com password is "1" I was wondering if someone can help me install Page transitions to my site? I don't know how to do it with Javascript. Here is a link of the code that I want to install. https://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/ I am mainly looking at the "DIFFERENT EASING" page transitions. Thanks again! - Kevin W
  7. Site URL: https://sponge-lychee-awaf.squarespace.com Password is "1" I am having problems with Javascript. I don't know how to code in Java script so I was wondering if anyone can help me. I have a java script code for Luxy scrolling for smoother scrolling like Webflow, and I also have a code that works when scrolling on a page, the background colours fade together. For some reason, they don't like one another. The fading when scrolling no longer works and removes my background. Here is my code: Background change colour when scrolling: Header <
  8. Okay so I have a new problem, I have an automatic background colour change on scroll that now doesn't work, here is my header code injection: <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <div wm-plugin="background-change-all"></div> <!-- before <body/> tag --> <!-- Smooth scrolling --> <script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script> <script charset="utf-8"> var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent); if (!isMobile) { luxy.init({ wrap
  9. That worked! Thank you so much for your help! I didn't know you needed that line you posted! What does that line do If I may ask?
  10. Site URL: https://www.kevinwalton.ca Hi, I was wondering if someone can help me with slowing down scrolling like they use on Webflow. I want my site to scroll like this: https://ceremonycoffee.com/ Researching what kind of scroll technique is used, I found that it is called "Luxy" javascript. I can't seem to figure out why it is not working on my site. <!-- before <body/> tag --> <!-- Smooth scrolling --> <script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script> <script charset="utf-8"> var isMobile = /iPhone|iPad|Andro
  • Create New...