Jump to content

tuanphan

Circle Member
  • Posts

    65,399
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. Add to Design > Custom CSS h2.ProductItem-related-label { padding-top: 100px; }
  2. Yes. What is your site url? We can check easier
  3. Hi, SS 7.1 doesn't have parallax. Did you use custom code to add parallax or? Can you share link to your site?
  4. You can share link to your site, we can give some code to achieve this
  5. Can you share link to this page? We can check easier
  6. You can edit the page where you want to apply > Add a Code Block (anywhere) > Paste this code <style> .sqs-audio-player { background-color: unset !important; box-shadow: unset !important; border: none !important; } .sqs-audio-player .controls { border: 1px solid black; border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,.8); } </style>
  7. Don't remove any code in your current code Add this to Design > Custom CSS /* Ghost - hide title */ .custom-gallery-inner-wrapper .sqs-gallery.sqs-gallery-design-grid .slide h3 { opacity: 0 !important; } .custom-gallery-inner-wrapper .sqs-gallery.sqs-gallery-design-grid .slide:hover h3 { opacity: 1 !important; }
  8. Tried some code but can't address this. You can consider using new way to add promotional popup.
  9. Can you share link to a blog post? We can help easier
  10. Add to Design > Custom CSS a:hover, a:hover span { background-size: 100% 1px !important; }
  11. Try adding to Code Injection > Footer <div class="cursor"> <div class="cursor__ball cursor__ball--big "> <svg height="30" width="30"> <circle cx="15" cy="15" r="12" stroke-width="0"></circle> </svg> </div> <div class="cursor__ball cursor__ball--small"> <svg height="10" width="10"> <circle cx="5" cy="5" r="4" stroke-width="0"></circle> </svg> </div> </div> <style> body .cursor { pointer-events: none; } body .cursor__ball { position: fixed; top: 0; left: 0; mix-blend-mode: difference; z-index: 1000; } body .cursor__ball circle { fill: #f7f8fa; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script> <script> const $bigBall = document.querySelector(".cursor__ball--big"); const $smallBall = document.querySelector(".cursor__ball--small"); const $hoverables = document.querySelectorAll(".hoverable"); // Listeners document.body.addEventListener("mousemove", onMouseMove); for (let i = 0; i < $hoverables.length; i++) {if (window.CP.shouldStopExecution(0)) break; $hoverables[i].addEventListener("mouseenter", onMouseHover); $hoverables[i].addEventListener("mouseleave", onMouseHoverOut); } // Move the cursor window.CP.exitedLoop(0);function onMouseMove(e) { TweenMax.to($bigBall, 0.4, { x: e.pageX - 15, y: e.pageY - 15 }); TweenMax.to($smallBall, 0.1, { x: e.pageX - 5, y: e.pageY - 7 }); } // Hover an element function onMouseHover() { TweenMax.to($bigBall, 0.3, { scale: 4 }); } function onMouseHoverOut() { TweenMax.to($bigBall, 0.3, { scale: 1 }); } </script>
  12. Add to Design > Custom CSS /* month */ .fe-6417a4b9924fe8b418fcef4e h1:after { content: "/month"; font-size: 15px; }
  13. You can add slideshow gallery, then share link to page, we can give code to resize it on mobile, to make same as on desktop
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.