Jump to content

tuanphan

Circle Member
  • Posts

    64,861
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Okay. If you still need help with search bar, let me know, we will check it again
  2. I think you need to use CSS peseudo to add content around image, then you can use CSS background gradient to achieve the request. Can you share link to page in screenshot? We can check easier.
  3. No need to use custom code to achieve this. First, add a Line Block here. Then remove Line Block Then check again on mobile
  4. To remove quantity/add to cart for above product >> Edit Product >> Edit Additional Info >> Add a Code Block >> paste this code <style> .sqs-add-to-cart-button-wrapper { display: none !important; } div.product-quantity-input { display: none !important; } </style> To move price under title, add this to Design > Custom CSS .ProductItem-product-price { order: 1 !important; } .product-variants { order: 2 !important; } .ProductItem-details-excerpt { order: 3 !important; }
  5. Your site is private. If you can setup password & share url again. We can check easier
  6. @Luka Can you share link to homepage? We can check easier
  7. @JustinSeimits You can add all anchor links to navigation, then we can use code to hide some items on desktop/hide some on mobile
  8. Try adding this to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1635302311229_9385 .sqs-gallery-design-strip .sqs-wrapper { width: 100% !important; left: 0 !important; } }
  9. Add to Settings > Advanced > Code Injection > Footer <script> (function() { document.querySelector(".first-name input").setAttribute("placeholder", "Name"); document.querySelector(".last-name input").setAttribute("placeholder", "CDSBC Number"); document.querySelector(".email input").setAttribute("placeholder", "Email"); })() </script>
  10. Add this to Design > Custom CSS figcaption.image-caption-wrapper { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden !important; }
  11. with anyone has this problem, you can add this CSS to Design > Custom CSS to override above CSS, then header/footer will be back /* bring back header footer */ .header, #footer-sections, header#header, footer.sections { display:block !important; }
  12. Try adding this to Design > Custom CSS nav#mainNavigation { text-align: center; }
  13. I think if you need to remove sold out item from shop page, we can give the code. With above request, I have no idea. If you still havent solved it yet, try posting to some Squarespace group on Facebook
  14. @katfox It looks like you changed layout. Do you still need help? On mobile, I see space between text in buttons is huge. You can use this CSS to improve it. /* Mobile 3 buttons */ @media screen and (max-width:767px) { div#page-section-618ea4bb6920d12b96df296f .span-4 .html-block * { margin-bottom: 0px !important; } }
  15. FIrst, remove 3 images, add a Line Block here Then add 3 images again Then remove Line Block
  16. Try this code button.checkout-button span { font-family: monospace !important; }
  17. Hi. This is not possible with CSS. I think you will need to hire someone to do this with JavaScript (very complex & need a Business Plan or higher). You try posting this to Squarespace Customization Resource Group on Facebook.
×
×
  • 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.