Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by VirNinja

  1. @Rupslay @Velin After emailing Squarespace Support regarding a similar issue, I was advised that there is a problem with the Developer Platform and the SFTP connection. They have made their engineers aware of the issue and are working on a solution. @bangank36 is correct—the best way to reliably update sites during this time is through git. I made the original support request on May 20, 2020, and the issue with SFTP has still not been resolved.
  2. Hi, @jsaddleton. We had a similar need recently, and this is how we solved it. It involves adding a second set of elements to find the height (so you can maintain responsive sizing). I have a copy of a working html file for you here. Just extract the bits you need and place them appropriately within your site. Also, this is written so you can use just one code block instead of multiple. 🙂 <!doctype html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <style> body { background: #f7f0e9; } .add-ons, .add-ons-baseline { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .add-ons-baseline { width: 100%; visibility: hidden; overflow: hidden; } .f0dcd0, .f0dcd0-baseline { -webkit-box-sizing: border-box; box-sizing: border-box; background: #f0dcd0; padding: 30px; text-align: left; width: 100%; height: 100%; margin-bottom: 1.5rem; margin-block-end: 1.5rem; } @media only screen and (min-width: 640px) { .add-ons, .add-ons-baseline { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .f0dcd0, .f0dcd0-baseline { height: 100%; width: 48.5%; margin-right: 3%; } .f0dcd0:nth-child(2n), .f0dcd0-baseline:nth-child(2n) { margin-right: 0%; } } @media only screen and (min-width: 768px) { .f0dcd0, .f0dcd0-baseline { height: 100%; width: 31.333%; } .f0dcd0:nth-child(2n), .f0dcd0-baseline:nth-child(2n) { margin-right: 3%; } .f0dcd0:nth-child(3n), .f0dcd0-baseline:nth-child(3n) { margin-right: 0%; } } </style> </head> <html> <body> <div class="add-ons"> <div class="f0dcd0"> <h3>The Print Package</h3> <ul> <li>Stationery design</li> <li>Packaging design</li> <li>Postcard design</li> </ul> <p>(includes all print handling)</p> </div> <div class="f0dcd0"> <h3>The Social Package</h3> <ul> <li>Optimised social media banners</li> <li>Social media templates</li> </ul> </div> <div class="f0dcd0"> <h3>The Social Package</h3> <ul> <li>5 Highlight icons</li> <li>3 Custom aniimated GIFs</li> <li>3 Grid templates</li> </ul> </div> </div> <div class="add-ons-baseline"> <div class="f0dcd0-baseline"> <h3>the print package</h3> <ul> <li>Stationery design</li> <li>Packaging design</li> <li>Postcard design</li> </ul> <p>(includes all print handling)</p> </div> <div class="f0dcd0-baseline"> <h3>The Social Package</h3> <ul> <li>Optimised social media banners</li> <li>Social media templates</li> </ul> </div> <div class="f0dcd0-baseline"> <h3>The Social Package</h3> <ul> <li>5 Highlight icons</li> <li>3 Custom aniimated GIFs</li> <li>3 Grid templates</li> </ul> </div> </div> <script type="text/javascript"> $(document).ready(function() { var addOnCard = $('.f0dcd0'), addOnCardBaseline = $('.f0dcd0-baseline'), addOnCardHeight = 0, containerToHide = $('.add-ons-baseline'); $(addOnCardBaseline).each(function() { if ($(this).height() > addOnCardHeight) { addOnCardHeight = $(this).height(); containerToHide.css('height', '0px'); } else {} }); $(addOnCard).height(addOnCardHeight); $(window).resize(function() { containerToHide.css('height', 'auto'); var addOnCardHeight = 0; $(addOnCardBaseline).each(function() { if ($(this).height() > addOnCardHeight) { addOnCardHeight = $(this).height(); containerToHide.css('height', '0px'); } else {} }); $(addOnCard).height(addOnCardHeight); }); }); </script> </body> </html>
  3. Hello, @raffaelwais Unfortunately, we have come across a similar problem, and we were advised that Squarespace "restricts pages to 250 items for performance reasons". So even if you were to have a blog collection, which does not have a collection limit for the amount of posts, any collection page will—at maximum—only ever show 250. To show more data beyond this, you will have to implement a solution which uses pagination.
  4. I had a similar experience recently and was able to resolve it. After starting the development server using the --auth flag, I was then prompted to follow a link where a single-use password/authentication code would then be generated for input through the terminal. To my frustration, entering the generated code kept failing, and I was getting the same output that you have shown here. During my trial and error process of trying to connect, I happened to notice that the link being generated for the single-use password/authentication code retrieval had "&access_type=offline" at the end. By changing this to "&access_type=online", I was able to generate a code that the terminal accepted, and the local development server started right up. Good luck to you. If this doesn't answer your question, I hope you find the answer you're looking for.
  • Create New...