Jump to content

MillyBanks

Circle Member
  • Posts

    75
  • Joined

  • Last visited

1 Follower

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

MillyBanks's Achievements

  1. Hey @tuanphan- the site is now public and the domain is being transfered https://herring-bagpipe-zwtl.squarespace.com
  2. I have added a password - https://cube-ladybug-c6ck.squarespace.com/ - Luxama
  3. https://cube-ladybug-c6ck.squarespace.com/ 😃
  4. Hi, hoping you can help! I installed this font some time back and had it working on a couple of my sites but it had stopped working and for the life of me I can't see the issue. This is for a counter graphic on the home page - simply want the numbers to count up as you scroll down. Can anyone help identity where the problem is? Wondering whether it's in the #block-id's but can't be sure. @tuanphan? 🙏 <script> (function(){ let playInBackend = true, timing = 4, section = '', direction = 1; 1 = forwards, 0 = backwards /*Do not Adjust below this line*/ function AutoScrollLayout(e){e=""==e?document.querySelector(".user-items-list-section"):document.querySelector(e);let t,n,o,i,c,r=!1,s=e.querySelectorAll('button[class*="__arrow-button"]');function d(){t=setInterval(u,n)}function u(){o=document.querySelector("body.sqs-edit-mode-active"),i=document.querySelector(".sqs-modal-lightbox-open"),r||o||i||!c||s[direction].click()}n=1e3*timing;if(document.addEventListener("visibilitychange",function(){r=!!document.hidden}),["mousedown","touchstart"].forEach(t=>{e.addEventListener(t,function(){r=!0})}),["mouseup","touchend"].forEach(n=>{e.addEventListener(n,function(){r=!1,clearInterval(t),d()})}),window.IntersectionObserver){new IntersectionObserver((e,t)=>{e.forEach(e=>{c=!!e.isIntersecting})},{rootMargin:"-75px 0px -75px 0px"}).observe(e)}s[direction]&&d()}window.addEventListener("load",function(){let e=new Array;e.push(section),section.includes(",")&&(e=section.split(",")),e.forEach(e=>{(window.top==window.self||window.top!==window.self&&playInBackend)&&new AutoScrollLayout(e)})}); }()); </script> <script> // how many seconds do you want it to animate? var animateSeconds = 3; /* Do Not Edit Below Here */ function isInViewport(elem) { var bounding = elem.getBoundingClientRect(); return ( bounding.top >= 0 && bounding.left >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && bounding.right <= (window.innerWidth || document.documentElement.clientWidth) ); }; whenReady = function (readyFunc, actionFunc, options) { if (readyFunc()) { actionFunc.apply(this); } else { if (!options) options = {}; if (!options.current) options.current = 0; if (!options.max) options.max = 60000; if (!options.interval) options.interval = 500; if (options.current < options.max) { setTimeout(function () { options.current += options.interval; whenReady(readyFunc, actionFunc, options); }, options.interval); } else if (options.ontimeout) { options.ontimeout(); } } return true; }; whenReady( function () { return document.querySelectorAll("#block-yui_3_17_2_1_1701432935919_19729").length; }, function () { // var spacerBar = document.querySelector("#block-yui_3_17_2_1_1701432935919_19729"); var spacerBar = document.querySelector("#block-yui_3_17_2_1_1701432935919_19729"); // save first number var projects = document.querySelector("#block-yui_3_17_2_1_1701432935919_19729 h1"); var projectsNum = +projects.textContent; // save second number var clients = document.querySelector("#block-1b4046f3b88f6d347803 h1"); var clientsNum = +clients.textContent; // save third number var ongoing = document.querySelector("#block-ebe95cf3e8d568fc8f4e h1"); var ongoingNum = +ongoing.textContent; // save Fourth number var ongoing = document.querySelector("#block-2933e46eda3812b43cf5 h1"); var ongoingNum = +ongoing.textContent; // set all numbers to zero projects.textContent = clients.textContent = ongoing.textContent = 0; function animateNumbers() { if (isInViewport(spacerBar) && !window.numbersAnimated) { // animate the numbers back to their original. over X seconds. var curProjects = 0, curClients = 0, curOngoing = 0; var animating = setInterval(function(){ curProjects += projectsNum / (animateSeconds * 100); curClients += clientsNum / (animateSeconds * 100); curOngoing += ongoingNum / (animateSeconds * 100); projects.textContent = Math.floor(curProjects); clients.textContent = Math.floor(curClients); ongoing.textContent = Math.floor(curOngoing); }, 10); window.numbersAnimated = true; // turn off the interval after X seconds setTimeout(function(){ clearInterval(animating); // set the numbers to their original projects.textContent = projectsNum; clients.textContent = clientsNum; ongoing.textContent = ongoingNum; }, animateSeconds * 1000); } } // if page loads and numbers are visible animateNumbers(); // when scrolling window.addEventListener('scroll', animateNumbers); },
  5. Hi, hoping you can help. I'd like this list section to break on Ipad and go to two columns so showing a grid rather than 3 and 1 underneath. Then continue to stack in one column on mobile.
  6. Hi, I found some awesome code for a typewriter effect which is working really well. As often happens there is some unnecessary padding in the code block. On Squarespace 7.1 Fluid Engine. Is anyone able to help me identity why this is happening? Thanks in advance https://www.shiftmovement.org.uk/home password: SHIFT2023
  7. Hi, I want to stack this simple list section as soon as it breaks to tablet size. At the moment when screensize is reduced the 3rd card goes underneath leaving 2 columns. I want to get it to stack to one column as soon as it breaks... Any help appreciated!!!
  8. Hi, WWW.ANNAGRIFFINCOACHING.COM PASSWORD: home8 I need to stop the text in my slideshow banner from hyphenating when screen sizes are changing. If possible scaling the text potentially as it responds? Any help would be appreciated! @tuanphan? I currently have the following code addressing the slider text: section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] h2.list-item-content__title { font-size: 38px !important; color: #E0BE7E !important; } section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] .list-item-content__description { font-size: 20px !important; color: #E7E0DA !important; font-weight: 400; } section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] .list-item-content__description strong { font-family: The Pallace; line-height: .8em; letter-spacing: .01em; font-weight: 300!important; font-size: 60px !important; color: #E7E0DA !important; } //banner 3 testimonial// section[data-section-id="646a8e78ef30617fa582bedc"] h2.list-item-content__title { font-size: 35px !important; color: #44535D !important; } section[data-section-id="646a8e78ef30617fa582bedc"] .list-item-content__description { font-size: 18px !important; color: #44535D !important; font-weight: 400; } section[data-section-id="646a8e78ef30617fa582bedc"] .list-item-content__description strong { font-family: The Pallace; line-height: .99em; letter-spacing: .01em; font-weight: 300!important; font-size: 55px !important; color: #44535D !important; } p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; }
  9. Hi @tuanphan! sorry try /home-5 ___________________________ I have used and adapted the code on a website i'm building. Is there a way to make it stay when responsive? https://marigold-circle-h5rk.squarespace.com/home-1 //button #block-yui_3_17_2_1_1684499295374_31180 { position: absolute; bottom: -345px; grid-area: none !important; width: 12em!important; left: 50%; transform: translateX(-50%); } #block-yui_3_17_2_1_1684499295374_31180 a.sqs-button-element--primary.sqs-block-button-element { padding: 1.2em 1.9em !important; display: block !important; } #block-yui_3_17_2_1_1684499295374_31180 div { height: auto !important; display: block !important; } section[data-section-id="646751027caf7d54b08a96cd"] { z-index: 123456789 !important;; }
  10. Hi @tuanphan, I have used and adapted the code on a website i'm building. Is there a way to make it stay when responsive? https://marigold-circle-h5rk.squarespace.com/home-1 //button #block-yui_3_17_2_1_1684499295374_31180 { position: absolute; bottom: -345px; grid-area: none !important; width: 12em!important; left: 50%; transform: translateX(-50%); } #block-yui_3_17_2_1_1684499295374_31180 a.sqs-button-element--primary.sqs-block-button-element { padding: 1.2em 1.9em !important; display: block !important; } #block-yui_3_17_2_1_1684499295374_31180 div { height: auto !important; display: block !important; } section[data-section-id="646751027caf7d54b08a96cd"] { z-index: 123456789 !important;; }
  11. Does anyone know how to make a summary block like this act a bit more like a gallery carousel. Just sliding automatically one to the left to show the next picture not showing the next 4 pictures if that makes sense? I want to use in the footer as a gallery block had an issue with excess bottom padding. https://www.thecreativitybank.com/
  12. Interesting! Thank you so much anyway 🙂 Although it isn't an Instagram block at the moment - just a gallery block?
  13. @Ziggy it should be public with password - 'Creative' could you take another look?
×
×
  • 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.