Jump to content

joelygoe

Circle Member
  • Posts

    31
  • Joined

  • Last visited

Posts posted by joelygoe

  1. On 1/20/2021 at 6:31 PM, digitalfreelancer said:

    Hey guys, I've developed a fix for this issue.

    There is indeed a Squarespace issue that stops background videos from playing on mobile.

    My fix for this issue doesn't require you to do anything differently, you still paste your video URL into the background video field as normal.  Here's a demo - 

     

    I think this fix will provide real value to Squarespace website owners, so I'm going to start offering it as a plugin for £40, but before I start writing instructions and setting up the product I just wanted to gauge interest.  I will also be offering it to my existing Squarespace clients.

    The plugin has some stipulations:

    • You must be using Squarespace 7.1 (but if there's enough interest I'll adapt it to work on 7.0 as well)
    • You must have the business plan or higher to be able to paste the custom code for this fix
    • You must be using a paid Vimeo account, not Youtube. Most people should be doing this anyway because Youtube videos have youtube stuff all over them resulting in a poor user experience, and a paid Vimeo account is required for background videos
    • On iOS there's a feature that stops autoplay videos if the device is in low-power mode.

    Please let me know if you're interested, thanks!

    Andrew Moore
    Digital Freelancer & Squarespace Expert of 6+ years

    £40 is a bit expensive but how do we pay & receive this as it is a client MUST have!

  2. The text on mobile is now off-centre.  Any ideas?  I can't send you a link unfortunately.  I can send you all the screenshots you need though.

     

    IMG_3713.thumb.png.28b281e529d088d7c0f49e64b3d85b38.png

     

    329209031_Screenshot2021-01-22at13_44_17.png.7c32c876e4ff2f59d3565df215031698.png

     

    On 5/27/2020 at 12:11 PM, tuanphan said:

    Add to Home > Design > Custom CSS

    
    .user-accounts-text-link {
        visibility: hidden;
    }
    .user-accounts-text-link:before {
        visibility: visible;
        content: "New text";
        position: absolute;
    }

     

     

  3. <script> 
     src="https://code.jquery.com/jquery-3.5.1.min.js" 
     integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous"> 
    
    </script> 
    
    <script> 
    var imgSRC = $('.cussom-fallback-image').attr('src'); 
    $('.custcm-fallback-image') .attr('src',
    'https://commons.wikimedia.org/wiki/Category:Solid_white_images#/media/File:Broad_blank_space.jpg'); 
    
    $(document).ready(function () {
      $('.custom-fallback-image').attr('style', 'display: none');
      setTimeout(function () {
          $('.custom-fallback-image').attr('style', 'display: block');
      }, 4000);
    });
    </script>

     

  4. Okay - I have (hand typed) all this code into it.  Still doesn't work!

    <script> 
     src="https://code.jquery.com/jquery-3.5.1.min.js" 
     integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous"> 

    </script> 

    <script> 
    var imgSRC = $('.cussom-fallback-image').attr('src'); 
    $('.custcm-fallback-image') .attr('src',
    'https://commons.wikimedia.org/wiki/Category:Solid_white_images#/media/File:Broad_blank_space.jpg'); 

    $(document).ready(function () {
      $('.custom-fallback-image').attr('style', 'display: none');
      setTimeout(function () {
          $('.custom-fallback-image').attr('style', 'display: block');
      }, 4000);
    });
    </script>

×
×
  • 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.