Jump to content

MillyBanks

Circle Member
 View Profile  See their activity

  • Posts

    80

  • Joined

  • Last visited

 Content Type 

Posts posted by MillyBanks

    custom font - cut out image - broken code help please!

    in Customize with code

    Posted · Edited by MillyBanks

    Hi I have input some custom code to create a cut out text effect with an image behind. It looks great but on certain places the text is cut off at the bottom. Is anyone able to see why the overflow:visable isn't working? 🙂 

    Thanks in advance! 

    https://polygon-reindeer-hnj3.squarespace.com/home5

    h1 { color: #FFFFFF;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), 
    url(https://static1.squarespace.com/static/6630bf9dab885d6b49e527f0/t/6633f2dba9ed5130c98bac2a/1714680542864/jean-luc-benazet-kcKBRFSis18-unsplash.jpg) repeat;
    background: -o-linear-gradient(transparent, transparent);   
    -webkit-background-clip: text;
    overflow: visible!important;}
     

    Screenshot 2024-07-09 at 14.45.11.png

    Screenshot 2024-07-09 at 14.45.18.png

    Error when editing website. Was resolved by disabling scripts, the problem is likely caused by custom code i’ve added to your site.

    in Customize with code

    Posted

    Hi, wondering if anyone can help me identify the issue i'm having. I went to edit and correct some spelling mistakes on some sections on my website & it kept auto closing the edit box. 

    I have recorded a quick loom to show the problem. https://www.loom.com/share/9ac9956ab3c74b8ca63f0fb3af961ae7?sid=f17bbd2f-b67b-4924-9c97-3da602b78d9d

    I am assuming this is due to some code I have installed as the issue is gone when I disable scripts. Although the website doesn't have a lot of custom CSS. 

    I have no idea how to identify an issue with the code? 

    How to add anchor links to my navigation bar

    in Customize with code

    Posted · Edited by MillyBanks

    Hi, hoping this is an easy one! 

    I have made a one page website and want the navigation bar to anchor down to various sections. 

    I have added the standard anchor link code blocks where relevant but no matter what I add in the nav bar they aren't working. 

    I have tried the following: 

    Adding full links to the nav link - https://www.dovesflightgundogs.com/home#services
    Adding the anchor link - #services
    Adding the page url and anchor link - /home#services

    If someone is able to help that would be great!

    Website: https://www.dovesflightgundogs.com/home

    Counter graphic code issues

    in Customize with code

    Posted

    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);

        },

     

    Screenshot 2024-03-20 at 15.14.57.png

    Stack simple list on tablet

    in Customize with code

    Posted

    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!!! 

     

    image.thumb.png.26a535f7f0011173ee6a522474b2bbf6.png

    How to stop text hyphenating within a slideshow banner

    in Customize with code

    Posted · Edited by MillyBanks
    updated password

    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;

    }

     

     

     

     

    Screenshot 2023-07-11 at 21.50.32.png

    Overlap a button between two sections on a page 7.1

    in Other

    Posted

    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

    image.thumb.png.6bea4ea00c7acaf520065ad7c29c2a99.pngimage.thumb.png.6ea0764b443ae9ab91f13081e9addb50.png
     

    //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;;
    }
     

     

    Overlap a button between two sections on a page 7.1

    in Other

    Promotional Pop up Disclaimer

    in Customize with code

    Posted

    Hi, 

    I am just putting together a pop up to promote a black friday code for a client. 

    They simply want the code to appear once they have gathered the email from the client. 

    I have put this together but when I add the post submit text it appears just awkwardly underneath the GDPR privacy disclaimer. (shown below) Is there a way for the post submit to simply have the desired text in the centre of the box? Like i've mocked up below. 

    Help would be appreciated asap as the offer goes live tomorrow! 

    Thanks in advance! 


    image.thumb.png.ce97728e399cdc9711d8b251da692703.png

    image.thumb.png.7796e428e7ba9ecc73354907e49c307e.png

    Stop Mobile buttons stacking & changing order of stacked blocks

    in Customize with code

    Posted

    Site URL: http://www.shiftmovement.org.uk/funded-opportunities

    Hey trying to get these two buttons at the bottom of my site to sit side by side on mobile but none of this seems to work. I am onBrine 7.0 

     

    image.thumb.png.7ebefd6a35bd0e2735ec26e07bacfd8b.png

    www.shiftmovement.org.uk/funded-opportunities 

    password: ShiftMovement1

    I am also trying to get the videos in the #testimonials section to stack in a different order. 

    The first is correct with the video then the quote but the second needs to do the same. any help appreciated!!!! 

    image.thumb.png.486291875fb7fb48e341dd7107267840.png

     

     

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources