Jump to content

Rebecca_Grace_Designs

Circle Member
  • Posts

    31
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Rebecca_Grace_Designs got a reaction from gingershermanllc in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  2. Thanks
    Rebecca_Grace_Designs got a reaction from victordev in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  3. Like
    Rebecca_Grace_Designs got a reaction from NadineS in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  4. Like
    Rebecca_Grace_Designs got a reaction from Beyondspace in Adding "Read More" to Image Captions   
    This has to do with how you have added the blocks in the section. Drag all your images to be next to each other. Then make sure to drag the html blocks underneath each photo. If you drag all the html block next to each other, it will look lined up but they won't be in the right order on mobile. 
  5. Like
    Rebecca_Grace_Designs got a reaction from Beyondspace in Adding "Read More" to Image Captions   
    I would add the html in a code block underneath each image, rather than adding the text as a caption. 
  6. Like
    Rebecca_Grace_Designs reacted to PartTwoDesign in Change loading background colour 7.1   
    Thank you @rebeccagracedesigns!!! I'd never have found this. How bizarre that you can only do this via the mobile app - Squarespace really need to add this to desktop too 🤯
    Here are the instructions for anyone following this post - 
     
  7. Like
    Rebecca_Grace_Designs reacted to tuanphan in Adding a font using Custom CSS   
    You should able to adjust in Design > Site Styles
  8. Like
    Rebecca_Grace_Designs got a reaction from moxxbrands in Change order of blocks on mobile   
    You have some errors in this code which is probably why the media query isn't working. Try 

     
    // Homepage - Laundry Sheet Mobile Version Only //
    @media only screen and (max-width:640px) {
    section[data-section-id="6115d829f0e9896832def4c2"]
    .sqs-row {
    display: flex!important;
    flex-direction: column-reverse!important;
    }  
    }
  9. Like
    Rebecca_Grace_Designs got a reaction from GTrott in Adding a font using Custom CSS   
    I have written a blog post about this... check it out here https://www.rebeccagracedesigns.com/blog/custom-font-on-your-squarespace-website 
     
  10. Like
    Rebecca_Grace_Designs reacted to Carli in Auto Scroll Carousel Block Squarespace 7.1   
    thank you! 
  11. Thanks
    Rebecca_Grace_Designs got a reaction from amberwavescreative in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  12. Like
    Rebecca_Grace_Designs got a reaction from Botbot in Moving Add to Cart next to Quantity Input Squarespace 7.1   
    It looks like it sets the section to have a flex direction of column which is why they are all stacking. I would use different code here altogether to help combat the flexbox code. Try this...
     
    .ProductItem-details .ProductItem-details-checkout { display: flex; flex-wrap: wrap; flex-direction: row; } .ProductItem-product-price, .ProductItem-details-excerpt { flex-basis:100%; } .sqs-add-to-cart-button-wrapper { margin-bottom: 0 !important; position: relative; bottom: -28px; } .product-quantity-input { flex-basis:30%; } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { padding-top: 1.5em; padding-bottom: 1.5em; } @media screen and (min-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:70%; } } @media screen and (max-width:767px) { .sqs-add-to-cart-button-wrapper { flex-basis:60%; margin-left: 5vw; } }  
  13. Like
    Rebecca_Grace_Designs reacted to DevonHarris in Mobile Navigation Half Width   
    worked great, THANK YOU SO MUCH!!!  Can you please post a link to the blog when you write it? 🙂 
  14. Like
    Rebecca_Grace_Designs got a reaction from tuanphan in Displaying Image side by side on mobile view   
    I would first try and add these as a Gallery Grid Section rather than separate image blocks. This may be responsive on its own. If not it will be easier to code in this layout.
  15. Thanks
    Rebecca_Grace_Designs got a reaction from Letetia in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  16. Like
    Rebecca_Grace_Designs got a reaction from VesselStudio in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  17. Like
    Rebecca_Grace_Designs got a reaction from tuanphan in Display Code on Your Site Without it Being Read as Code   
    I found an instance on my public blog. If you go to my blog page at https://www.rebeccagracedesigns.com/blog  and search "html" this is what is coming up for me. 

  18. Thanks
    Rebecca_Grace_Designs got a reaction from nazaninp in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  19. Like
    Rebecca_Grace_Designs got a reaction from Beyondspace in Display Code on Your Site Without it Being Read as Code   
    The page is hidden behind a membership so I cannot share a link to the actual page.
    If you go to my blog page at https://www.rebeccagracedesigns.com/blog and use the search bar to search, it works great. However, I do not have any code blocks displaying HTML on that blog. They generally show CSS or Javascript. 
    I have a paid blog similar in style to my public blog. However, some of those posts have code blocks displaying HTML. When you use the search on that page, it sometimes looks like the attached photo.
    It seems like the search results page is reading the HTML code in the code block. It is then populating all the results in one search results div. I have attached a photo of this as well as one where it is populating properly.



  20. Like
    Rebecca_Grace_Designs got a reaction from Beyondspace in Display Code on Your Site Without it Being Read as Code   
    I am using a Code Block set to "display source" to showcase several code snippets on a blog site. However, I find that if I have any HTML in these blocks it messes with that post's display on the Search Results page in Squarespace. 
    Has anyone else run into this? Is there a way to display code on my site without it being read by Squarespace besides just inputting it as text?
    I have contacted Squarespace as I think this is a flaw in their "display source" function. However as soon as you mention custom code, they refuse to help.
  21. Like
    Rebecca_Grace_Designs got a reaction from Ejderha in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  22. Like
    Rebecca_Grace_Designs got a reaction from awcs in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
  23. Thanks
    Rebecca_Grace_Designs got a reaction from DH4891 in Auto Scroll Carousel Block Squarespace 7.1   
    **UPDATED***
    For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. 

    Inject this is Settings > Advanced > Code Injection > Footer
    <script>
    window.onload = function() {
      var nextArrow = document.querySelector(".summary-carousel-pager-next");
      
      function clickNext() {
        nextArrow.click();
      }
     
      setInterval(clickNext, 3000);
    };
    </script>

    I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe.
×
×
  • 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.