Jump to content

Beyondspace

Circle Member
  • Posts

    10,523
  • Joined

  • Last visited

  • Days Won

    80

Everything posted by Beyondspace

  1. You can try the following codes in Home > Design > Custom Css .newsletter-form-header { display: none; } .newsletter-form-wrapper { padding-top: 0 !important; } .newsletter-form-name-fieldset, .newsletter-form-field-wrapper,.newsletter-form-button-wrapper, .newsletter-form-button { width: 100% !important; } Let me know how it works on your site
  2. For the color when hovering link, you can try #block-yui_3_17_2_1_1649854691061_7044 a:hover .sqsrte-text-color--custom { color: red !important; } Let me know how it works on your site
  3. Try @media only screen and (min-width: 768px) { section[data-section-id="625af59dd69eca1634ccd47a"] .plyr__video-wrapper video { height: auto !important; } section[data-section-id="625af59dd69eca1634ccd47a"] { min-height: 200vh !important; } } Let me know how it works on your site
  4. SQS has the different layout between desktop and mobile based on their different view port size. Which part of mobile do you want to keep when viewing in the desktop?
  5. Or you can try img { pointer-events: none; } It only allows to download the whole page, not the image
  6. You can try the following one to set the size of these link text #block-yui_3_17_2_1_1649854691061_7044 .sqsrte-text-color--custom { font-size: 10px; } Change the value until it meets your requirement Let me know how it works on your site
  7. Do you mean when clicking the button, it plays the audio?
  8. for the 2nd point you can try: <script> (function() { window.addEventListener('DOMContentLoaded', () => { const items = document.querySelectorAll('#collection-59bac074b7411c7376935ca2 #grid .item > a') if(items.length){ items.forEach(item => { console.log(item); item.setAttribute('href', 'https://www.ntsc.me/index_2#/index_2_2/') }) } }) })() </script>
  9. I use the following code to show the welcome block only on the storefont #block-yui_3_17_2_1_1650629455323_2048 { display: none; } #collection-625a9a369d0edd313349dca5 #block-yui_3_17_2_1_1650629455323_2048 { display: block; } Let me know how it works on your site
  10. 1. You can add the following code to set one item on each row @media only screen and (max-width: 767px){ #productList { display: block; } } 2. Do you mean keeping the current cart and adding one more cart on the left of Hamburger menu?
  11. Can you share your site with the protected password so I can take a look?
  12. You can try adding to Home > Design > custom Css @media only screen and (max-width: 767px) { .newsletter-form-wrapper { padding-left: 0 !important; padding-right: 0 !important; } } Let me know how it works on your site
  13. You can try the following code in Home > Settings > Advanced > Code Injection, choose the footer <script> (function() { window.addEventListener('DOMContentLoaded', () => { const placeholders = document.querySelectorAll('.field'); if(placeholders.length) { placeholders.forEach(holder => { const inputEl = holder.querySelector('input, textarea.field-element'); const labelEl = holder.querySelector('.caption-text, .title').innerText; if(inputEl && labelEl) { inputEl.setAttribute('placeholder', labelEl); } }) } }); })() </script> Let me know how it works on your site
  14. It requires the link to your site to check the element you want to set style indeed
  15. p1,p2,p3 are not the standard element in HTML DOM Kindly check again on your Css stysle
  16. You can try @media only screen and (max-width: 767px) { .sqs-lightbox-meta.overlay-description-visible { bottom: 0 !important; } } Let me know how it works on your site
  17. I would like to delete for the duplicate question
×
×
  • 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.