Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. Hi, Can you share link to a product? We can check easier
  2. You can ask a Circle Member to add Gallery to your site, then you can add video to it. You can copy, duplicate block in next time
  3. You can add this to Design > Custom CSS div.form-block textarea { font-size: 12px !important; }
  4. You can choose Masonry first, then we can check easier
  5. You try adding this code into Page Header <style> header#header { background-color: #f1f !important; } </style>
  6. Tablet, you can target with this query @media screen and (max-width:1024px) and (min-width:768px) {}
  7. Yes Possible. You can add this code to add extra text for desktop only @media screen and (min-width:992px) { a#site-title:after { content: "enter your text"; display: block; } }
  8. Add this code under <style> @media screen and (min-width:901px) { div#thumbnails { height: auto !important; display: grid !important; grid-template-columns: repeat(2,1fr) !important; grid-gap: 10px; } .collection-type-gallery #thumbnails .thumb { position: static !important; width: 100% !important; height: auto !important; } } </style>
  9. In Form Post Submit, enter this code in HTML box <script> window.open('http://google.com', '_blank'); </script>
  10. Add to Design > Custom CSS /* List testimonial */ @media screen and (min-width:992px) { .user-items-list-item-container[data-section-id="648794747c34a03404938d6c"] li { flex-direction: row !important; } .user-items-list-item-container[data-section-id="648794747c34a03404938d6c"] .list-item-content { width: 80%; }}
  11. Try adding to Design > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1687649441406_35462 img { height: 100px !important; } div#block-yui_3_17_2_1_1687649441406_35462 .sqs-gallery-design-strip { overflow: visible; } }
  12. Add to Design > Custom CSS div.sqs-modal-lightbox-content .product-details .variant-select-wrapper:before { visibility: hidden; }
  13. You can see this guide. I just wrote. Note: It requires a custom plugin If you need a free solution, you can find a free code on Codepen then share link, we can convert it to Code Block in Squarespace. https://www.google.com/search?q=show+accordion+inside+lightbox+codepen
  14. Add this code under footer#footer .image-block { pointer-events: none; } Can you share link to collection?
  15. Hi, Can you share link to page where you have problem? We can check easier
  16. The easiest way is add 2 Galleries, then we can give code to show 1 on desktop, show another on mobile Another way is set Gallery Slideshow then we can give code to change it to Grid on Mobile
  17. The site is private. Can you setup an access password?
  18. If you use 7.0 version, you can do this easier by using Text Block on Left and Gallery Block Carousel on Right
×
×
  • 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.