Jump to content

HoaLT

Member
  • Posts

    68
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by HoaLT

  1. Hi, I have requirement related to the discount policy. My desired result is that: - On one order, if clients purchase the same product with a current one, they will get the discount for the second item only. - The second item should be set with % discount rate. I would like to know if it is possible on squarespace and if SQS can not support, is there any way that we can work around with it? Many thanks!
  2. Try adding space at the beginning and ending of "Your passion"
  3. Do you mean that when you click a button, page will load to the section linked by button?
  4. I can not access the page with the problem you described above. Can you share the direct link to this page?
  5. Can you share your site with the password protected for easier checking?
  6. It would be easier to check your issues if you can share your site with the password protected!
  7. You can set the addition figuration in Design > Custom CSS #article- { padding-bottom: 0; } .item-pagination { padding-top: 15px; }
  8. 1st Point: You can try the Design > Custom CSS with the following setting @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1632274074310_17542 .sqs-block-button-container--right { text-align: center; } #block-yui_3_17_2_1_1632274074310_17542 a { padding: 1em 1.404em; } [data-section-id="614a87c7f80dc06b128e4478"] .content-wrapper { padding-bottom: 0 !important; padding-top: 25vmax !important; } section[data-section-id="614a87c7f80dc06b128e4478"] { height: 36vh !important; } section[data-section-id="614a87c7f80dc06b128e4478"] .section-background { bottom: unset; } }
  9. For the way to add Css, you could get a reference from this link https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor Or follow the steps on my Gif
  10. Try the following configuration in Desin > Custom Css @media only screen and (max-width: 768px) { .homepage [data-slide-id="610c29e83f1f825f0dce7cfa"] img { height: 100vh; width: auto; position: relative; transform: translateX(-50%); left: 50%; } }
  11. You need to modify your javascript: Replace with the following script $(document).ready(function() { try { var container = Y.one("#block-d3fe1f534bd0f0631332"); var gallery = Y.Squarespace.GalleryManager.getGalleryByContainer(container); gallery.setAttrs({ "autoplay": true, "autoplayOptions": { "timeout": 6000, /*make this higher to decrease speed, lower to increase it*/ "randomize": true, } }); container._node.addEventListener("mouseover", () => { gallery.setAttrs({ "autoplay": false }) }) container._node.addEventListener("mouseout", () => { gallery.setAttrs({ "autoplay": true, "autoplayOptions": { "timeout": 6000, "randomize": true, } }) }) } catch (e) { console.error("Could not configure Gallery autoplay.", e); } }); Hope work well for you
  12. Try this in Design > Custom CSS @media only screen and (max-width: 768px) { #headerWrapper header { padding: 0 0 10px 0; } }
  13. Can you share your site with screenshot of your issue for easier support?
  14. You can apply the following steps: 1. Home > Pages > Edit your heading > Set bold for "Your Passion" 2. Home > Design > Custom CSS #block-5441a2f77e4fa42d5289 h1 strong { font-weight: inherit; } @media only screen and (max-width: 768px) { #block-5441a2f77e4fa42d5289 h1 strong { display: block; } } Hope that it is ok for your site!
  15. Here is the result after remove padding
  16. The space is created by the padding of conten-wrap. You can try adding in Design > Custom CSS .content-wrapper { padding-bottom: 0 !important; } Hope that it is useful for you
  17. You can add configuration in Design > Custom Css @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1632362346311_3023 .sqs-block-content, #block-yui_3_17_2_1_1632362655894_2919 .sqs-block-content { height: 100px; } }
  18. I can not find the problem with buttons in your site. Can you take a screenshot the button issue you want to fix?
  19. Some Css code could fix your issue (Home > Design > Custom Css) @media only screen and (max-width: 768px) { section[data-section-id="60b75c513ab2dc7e99fcaacc"] .image-block-wrapper, #block-yui_3_17_2_1_1622629761448_10757 .image-block-wrapper { max-width: 50px; margin: auto; } } Hope it can help you
  20. In Home > Page> Edit, you should hold and drag the spacer on the right of gallery.
×
×
  • 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.