-
Posts
65,399 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
The captions in gallery/slideshow are cut off on mobile
tuanphan replied to bsturc's topic in Customize with code
-
Reverse / Inverse Pagination links on project pages
tuanphan replied to HankCo's topic in Customize with code
You can follow this to share url -
Can you share link to this page?
-
Move header bar pages to the right of the logo
tuanphan replied to GLDMND's topic in Customize with code
Yes. What is your site url? We can check easier- 3 replies
-
- navigation
- heading
-
(and 1 more)
Tagged with:
-
Hi, SS 7.1 doesn't have parallax. Did you use custom code to add parallax or? Can you share link to your site?
-
Creating a responsive/flexible border
tuanphan replied to Jamalifardnazie's topic in Customize with code
You can share link to your site, we can give some code to achieve this -
Can you share link to this page? We can check easier
- 3 replies
-
- newsletter-block
- code
-
(and 1 more)
Tagged with:
-
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>
-
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; }
-
Promo Popup: Image background not showing on mobile
tuanphan replied to maisaguam's topic in Fonts, colors and images
Tried some code but can't address this. You can consider using new way to add promotional popup. -
-
Aligning text blocks in footer through CSS
tuanphan replied to bitsst's topic in Customize with code
-
Can you share link to a blog post? We can help easier
-
How to style the underline of the hyperlink-text?
tuanphan replied to carolinka's topic in Customize with code
Add to Design > Custom CSS a:hover, a:hover span { background-size: 100% 1px !important; }- 3 replies
-
- link
- squarespace-7.1
-
(and 1 more)
Tagged with:
-
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>
- 1 reply
-
- code
- code-injection
-
(and 3 more)
Tagged with:
-
How can I change the font of my shop product titles?
tuanphan replied to LilithTrembles's topic in Fonts, colors and images
Can you share link to product? We can check easier -
Add to Design > Custom CSS /* month */ .fe-6417a4b9924fe8b418fcef4e h1:after { content: "/month"; font-size: 15px; }
-
Create a slideshow gallery at the top of the homepage
tuanphan replied to NGM's topic in Customize with code
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 -
Code for partially sticky header in 7.0 Wexley?
tuanphan replied to lina1570047784's topic in Customize with code
Hi, Did you solve?- 24 replies
-
Make images clickable in the carousel
tuanphan replied to Spence500's topic in Fonts, colors and images
Did you solve or still need help?- 214 replies
-
- clickthrough
- carousel
-
(and 2 more)
Tagged with: