Jump to content

Beyondspace

Circle Member
  • Posts

    10,141
  • Joined

  • Last visited

  • Days Won

    80

Everything posted by Beyondspace

  1. Regarding read less/ read more, you can try the following solution on this post
  2. Use Gallery block to place both gallery and text in same section, on 7.1 sections, use Classic Gallery block to insert Gallery block
  3. Please check out our plugin Lightbox Studio, I have make a step-by-step tutorial to Lightboxify Slide, Carousel and Stacked Gallery block
  4. @SEOSpace_Henry could you shed some light in this matter? I was noticed that after using SEOSpace to filter the unindexed page too
  5. How do you think if you create 2 accordion blocks for 2 columns?
  6. Standard function on SQS allows you to change padding, space between items. Have you tried it out?
  7. You can checkout our freebie that replace the datepicker with month/year view https://beyondspace-showcase.squarespace.com/blog-publish-datepicker
  8. Currently, we do not have the excerpt information with the above codes. It is required to have the custom code to achieve it
  9. You can try adding the following code to the code block <p>Drag the slider to the SQFT of your listing.</p> <div class="slidecontainer"> <input type="range" min="0" max="7000" value="2000" class="slider" id="myRange"> <p><span id="demo"></span> SQFT</p> </div> <style> slidecontainer { width: 100%; } .slider { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .slider:hover { opacity: 1; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #000000; cursor: pointer; } .slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #000000; cursor: pointer; } </style> <script> var slider = document.getElementById("myRange"); var output = document.getElementById("demo"); output.innerHTML = slider.value; slider.oninput = function() { output.innerHTML = this.value; } </script> This is the beginning where you can get the final result
  10. Have you tried using code block which allow you to input HTML, CSS and JS script?
  11. Have you figured it out? I check that there is no space on my side
  12. Sure, here is the code to hide the logo when you open the burger menu on desktop @media only screen and (min-width: 768px) { .header--menu-open .header-title-logo { visibility: hidden; } }
  13. I checked that this site is running some code blocks and custom javascript to proceed with this calculation. It is required at least the business plan to achieve this feature. Your site requires the same formula as this site or you have a different concept?
  14. Can you share your URL so we can check it easier?
  15. Do you mean this block? How do you want to split it?
  16. Your footer is set with 9999999 which is over than header Try adding the following Custom CSS to make it visible again #header { z-index: 99999999 !important } Let me know how it works
  17. Do you mean something like this? Try adding the following Custom Css .products-list .grid-item .grid-image { border-radius: 40px; } Let me know how it works on your site
  18. Have you tried the standard image effect on Squarespace yet?
  19. Try the following Custom Css code .newsletter-block .newsletter-form-field-wrapper { min-width: unset; } My testing
×
×
  • 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.