Jump to content

AlysonRoseS

Circle Member
  • Posts

    1
  • Joined

  • Last visited

Reputation Activity

  1. Like
    AlysonRoseS reacted to mrclarkson in Squarespace page editor - constant lagging and other issues   
    I've been using Squarespace for many years, but in the past 3 months or so I've really noticed an increase in the number of issues in the page editor/builder. I've tried in both Chrome and Firefox and it makes no difference. I've also tried it in both 7.1 and older templates and the issues remain.
    Examples are:
    Insert a spacer block and have to wait 10 - 30 seconds before I can move or edit any other blocks Tear-drop insert points just not showing or showing in the wrong place (like in the center of a block, rather than at the edges) Unable to shrink or expand the size of a spacer one moment, but then can a few moments later Ability to edit a page simply goes away and I have to save or discard changes, then refresh the page and then continue. Does anyone else feel like they are constantly waiting for the page editor and it is slowing down your work flow?
    As someone who often spends 4 - 6 hours a day building Squarespace sites, I for one can say it is driving me crazy!
  2. Love
    AlysonRoseS reacted to Wolfsilon in Bouncing scroll down indicator in Squarespace 7.1?   
    Hello there,
    To add an animated arrow down element, we'll need to use a Code Block and Custom CSS.
    1) Create a Code Block and place the block directly underneath the "Get A Quote" button.
    2) In the Code Block menu, you'll see "<p> hello world! </p>" -- Remove the entire line and replace it with the following: 
    <div class="arrow"> <span></span> </div> 3) You can now save and close the page editor. Return to "Home" and navigate to Design > Custom CSS.
    4) To animate and place the element onto your website you can paste the following into the Custom CSS box:
     .arrow{     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%,-50%); } .arrow span{     display: block;     width: 30px;     height: 30px;     border-bottom: 3px solid #000;     border-right: 3px solid #000;     transform: rotate(45deg);     margin: -10px;     animation: animate 1.8s ease infinite; } @keyframes animate {     0%{         opacity: 0;         transform: rotate(45deg) translate(-20px,-20px);     }     50%{         opacity: 1;     }     100%{         opacity: 0;         transform: rotate(45deg) translate(20px,20px);     } } 5) You should start to see the arrow animate downward in the center of the page, directly under the "Get A Quote" button. 
    You can customize the "stroke" of the arrow by adjusting the dimensions of the Border-Bottom and Border-Right "px" properties.
    You can adjust the color of the arrow ("stroke") by inserting a hex/rgb/rgba color of your choice. Simply replace the "#000" with the color/format of your choice for both Border-Bottom and Border-Right.
    You can adjust the speed of the downwards animation by entering new timings and transitions. The CSS format of the animation shown above is listed below and I would encourage you to experiment with different properties for transition-duration and timing-function. 
     
    Let me know if you need any additional help. Hope this provided a solution for you! 
    Cheers,
    Dan
  3. Thanks
    AlysonRoseS reacted to tuanphan in Change cursor only over images that are linked   
    Hi,
    Try this CSS
    img:hover { cursor: url(enter cursor image url), auto !important; }  
  4. Love
    AlysonRoseS reacted to Flutes_Flutists in Background video using embed code   
    Thank you for sharing that, looks like exactly what I was looking for. I notice that they say you can mute the video. Can I assume that you can also unmute the video or make the page load with video unmuted by default?
  5. Love
    AlysonRoseS reacted to digitalfreelancer in Background video using embed code   
    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
  6. Like
    AlysonRoseS reacted to campjess in How to edit mobile view only?   
    would love to know if in 2021 you can edit formatting between mobile and desktop is available yet or is responsive design not in service rn?
×
×
  • 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.