Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,861

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You can add this to Design > Custom CSS or Website > Website Tools > Custom CSS /* reduce boxes */ div.product-quantity-input input, .variant-select-wrapper, div.sqs-add-to-cart-button { padding-top: 10px !important; padding-bottom: 10px !important; }
  2. tuanphan
    Thank you. What should effect look like? If you describe it, we can check easier
  3. tuanphan
    You can try rwp comment above, it should work. If it doesn't work, please share link to your site, we can check easier
  4. tuanphan
    #1. You mean align these text? #2. I see you figured it out with button style?
  5. tuanphan
    Use this code to Design > Custom CSS (or Website > Website Tools > Custom CSS). Replace Pixabay with your image url /* Mobile list new images */ @media screen and (max-width:767px) { .user-items-list-item-container[data-section-id="64aae19ad6aec51b5ebf0447"] { li:nth-child(1) img { content: url(https://cdn.pixabay.com/photo/2023/08/07/13/44/tree-8175062_1280.jpg); } li:nth-child(2) img { content: url(https://cdn.pixabay.com/photo/2023/07/27/03/27/fireworks-8152353_1280.jpg); } li:nth-child(3) img { content: url(https://cdn.pixabay.com/photo/2023/07/26/15/38/frog-8151540_1280.jpg); }}}
  6. tuanphan
    Hi, This will be a bit complex. Apply this for Homepage or Which Page?
  7. tuanphan
    You mean top section video?
  8. tuanphan
    Hi, This code will replace current image with new image on hover, not make video autoplay If you need video autoplay, please share link to page where you use video, we can check easier
  9. tuanphan
    You can see this guide
  10. tuanphan
    I just tested, the hover code still works here. Can you keep code in CSS box? We can check it again easier
  11. tuanphan
    Try adding to Design > Custom CSS or Website > Website Tools > Custom CSS /* Float image to bottom */ div#block-yui_3_17_2_1_1691613974173_1727 .sqs-image { justify-content: flex-end !important; } div#block-yui_3_17_2_1_1691613974173_1727 .sqs-image>div { position: absolute !important; bottom: -10px !important; }
  12. tuanphan
    Hi, It already works to me. You try checking it again
  13. tuanphan
    Which section are you referring to? https://whale-tetra-gfxs.squarespace.com/ Or you mean top slideshow on Header? I see it is Gallery Slideshow, not List Section Slideshow
  14. tuanphan
    What is password?
  15. tuanphan
    What is password?
  16. tuanphan
    Add this to Settings > Developer Tools > Code Injection > Footer (or Website > Website Tools > Code Injection > Footer) <script> if (document.location.pathname.indexOf("/articlez/category/Album+Review") == 0) { document.querySelector('body').classList.add('t-album-review') } </script> <style> .t-album-review div#block-f5584856ba11a0e59271 h1 { font-size: 0; } .t-album-review div#block-f5584856ba11a0e59271 h1:before { content: "Album Reviews"; font-size: 3.5rem; } </style>
  17. tuanphan
    You mean background image fixed + change image when scroll?
  18. tuanphan
    Use this code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("footer.sections .button-block a").attr('href','https://google.com'); }); </script> If it doesn't work, please share link to your site
  19. tuanphan
    What is site url? We can check problem easier
  20. tuanphan
    I see that image doesn't exist now https://static1.squarespace.com/static/64c4b1978afb0d5cacf7f225/t/64d5b96a546fe041893b89f9/1691728236707/banner-image-01.jpg it show blank page. Can you check it again? I think the script code only runs 1-2 seconds after the page has loaded. And during that time, the default background image will still appear. The above code will hide that image. Since the code in CSS will often run parallel to the page load, if the image you provided is correct, the code should work.
  21. tuanphan
    Have you tried edit page >> click on button >> it will appear a small square > You can drag to reduce its size yet? If this doesn't work, we will need to use CSS code to adjust it
  22. tuanphan
    You can try something like this code to Design > Custom CSS (or Website > Website Tools > Custom CSS) /* Mobile resize top image */ @media screen and (max-width:991px) { [data-section-id="64d7beb12b609319ed79d620"] { min-height: unset !important; } } Also, I see your header has no items, so you can use this CSS code to remove burger .burger-inner { visibility: hidden !important; }
  23. tuanphan
    My code has 2 } at the end, but your code has 3 } Maybe you added code to wrong position
  24. tuanphan
    Use this CSS code .user-items-list-item-container[data-section-id="6215736de735757330344fae"] h2 { font-family: 'Lora' !important; font-style: italic !important; }
  25. tuanphan
    Use this new code instead .header-title-logo img { max-height: 150px !important; } .header .header-title-nav-wrapper .header-nav { display: block !important; } .header .header-burger { display: none !important; } .header-nav { width: 60% !important; flex: 1 1 60% !important; } .header .header-title-nav-wrapper .header-title { flex: 1 0 40% !important; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources