Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,922

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You can use this CSS code body.header--menu-open .header-title-logo { filter: blur(3px); }
  2. tuanphan
    Background Image for Main Content only or main content + header + footer?
  3. tuanphan
    Your screenshot is on mobile? The desktop show white color. I think mobile device control style and we can't control it. But you can try this code to Website > Website Tools > Custom CSS, maybe it work .product-details .variant-option select { background-color: #f1f !important; }
  4. tuanphan
    Can you share link to page where you use this video? We can check easier
  5. tuanphan
    Can you share link to this page? We can check problem easier
  6. tuanphan
    This code for /men-bioidentical-hormone-rep-therapy page Use this code to Custom CSS box div#block-88d39a948f3aefa15588 { img, .sqs-image-content { opacity: 1 !important; }} Repeat similar for other images, use this code to find image block id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff
  7. tuanphan
    You can use this CSS code footer.sections .newsletter-form input { max-width: 70px; } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form-field-wrapper { min-width: unset !important; }
  8. tuanphan
    We can use CSS code to translate text, but with form error message, you try this code first, if it works, I will give CSS code to change form field labels, captions.. https://www.silvabokis.com/squarespace-tips/dynamic-translation-of-squarespace-form-error-messages
  9. tuanphan
    There is no CSS to do this, you can edit each gallery > Enable this option to enable lightbox
  10. tuanphan
    Can you share link to this product + which code did you use?
  11. tuanphan
    You can hover all pages in Member Area > Click 3 dots icon > Page Settings Click Advanced > Paste this code <style> a.btn { display: none !important; } </style>
  12. tuanphan
    Hi, Can you share link to page on your site? We can check easier
  13. tuanphan
    Can you share link to this page? We can check carousel easier
  14. tuanphan
    Can you add me as a contributor? or duplicate the site and add me, I can check easier
  15. tuanphan
    Can you share link to this page? We can check easier
  16. tuanphan
    Hi, You can contact Elfsight, their support is good
  17. tuanphan
    You can use this code to Website > Website Tools > Custom CSS /* Fix newsletter */ .newsletter-block .newsletter-form-field-wrapper .field-error { position: absolute; top: -30px; } div.newsletter-block .newsletter-form-body { position: relative; }
  18. tuanphan
    Can you take a screenshot of problem?
  19. tuanphan
    I see it looks fine. Can you take a screenshot of problem?
  20. tuanphan
    Change 992px in the code to 1px
  21. tuanphan
    You can change this code #collection-65d4ca134ce2a875379c1be8 .header { --solidHeaderBackgroundColor: transparent !important; } to this code #collection-65d4ca134ce2a875379c1be8 .header { background-color: transparent !important; }
  22. tuanphan
    Use this code for Our Sponsors Page [data-section-id="65f79f4d88e4c0527d61aa41"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } .list-item-content__button-container a { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; } .list-item-content--hidden { display: block !important; }}
  23. tuanphan
    Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { [data-section-id="661ea105dada2b0e8477b680"] img { content: url(https://content.invisioncic.com/p289038/monthly_2024_04/caribou-PE24-background-mobile.thumb.jpg.9ced126e830618173bd5175548d5a9cc.jpg); } }
  24. tuanphan
    Try use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { iframe[src*="viewform"] { width: 100% !important; } }
  25. tuanphan
    Can you share link to your site? We can check popup easier
×
×
  • 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