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
    I think the only way is create new section with Classic Editor, then try replace current style with CSS code
  2. tuanphan
    Try this code under div.sqs-modal-lightbox img.ProductItem-gallery-slides-item-image { left: 0 !important; width: 100% !important; height: auto !important; }
  3. tuanphan
    Remove code I sent & use this new code @media screen and (min-width:768px) { .tweak-product-basic-item-click-action-lightbox .ProductItem-gallery-slides-item { position: static !important; height: auto !important; visibility: visible !important; } .tweak-product-basic-item-gallery-aspect-ratio-169-widescreen .ProductItem-gallery-slides:before { padding: 0 !important; }}
  4. tuanphan
    CSS code can't change to custom code (except white/black). You can consider changing it to custom image, with this code [class*="type-blog"] header#header img { content: url(https://cdn.pixabay.com/photo/2023/12/01/21/50/sunset-8424565_1280.jpg); } Replace Pixabay with new logo image url
  5. tuanphan
    You can use this code to Website Tools (under Not Linked) > Custom CSS @media screen and (min-width:992px) { [data-section-id="659554893be5bd62b0de9c1e"] figure.gallery-grid-item:nth-last-child(-n+2) { position: relative; left: calc(~"150% + 0.6vw"); }}
  6. tuanphan
    You can use this CSS code to prevent wrap nav { flex-wrap: nowrap !important; }
  7. tuanphan
    Edit that project > Add a block > Choose Code > Paste this code <style> body:not(.header--menu-open) header#header img { filter: invert(1); } </style>
  8. tuanphan
    I wrote a quick guide with new code, so you can adjust text/link easier.
  9. tuanphan
    You can try this approach to add video to Gallery Section (Tested with Gallery Grid. I haven't tested with Slideshow yet.) First, add code to Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('figure[class*="gallery-"] video').closest('figure').addClass('hide-image'); }); </script> Next, add this code to Custom CSS /* hide gallery section images */ .hide-image [class*="-item-wrapper"] { display: none !important; } Edit Gallery Section > edit each image > Enter this format to Caption (code is a bit different because I added loop and autoplay) <video width="100%" height="240" controls loop autoplay> <source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4"> </video> You can repeat similar for other images, just replace .mp4 with new mp4 video url. Result Make sure Caption is enabled
  10. tuanphan
    You can use this CSS code div.header-nav-folder-content { background-color: #f1f !important; } div.header-nav-folder-content * { text-align: left !important; }
  11. tuanphan
    You can use this code to Website Tools (under Not Linked) > Custom CSS a.header-skip-link.sqs-button-element--primary { display: none; }
  12. tuanphan
    I forgot CSS code, add this code to Custom CSS /* hide ads image */ .image-ads { display: none; } /* show ads image in Code Block */ .code-block .image-ads { display: block !important; } You need to do both steps, if you do #1 only, the images will disappear after use CSS code
  13. tuanphan
    You can connect domain name with your SS site. https://support.squarespace.com/hc/en-us/articles/215744668-Pointing-a-Squarespace-domain https://support.squarespace.com/hc/en-us/articles/205812378-Connecting-a-third-party-domain-to-your-Squarespace-site
  14. tuanphan
    Button appears, but button color/button background same as menu background so you can't see it You can use this code to Website Tools (under Not Linked) > Custom CSS a.theme-btn--primary.btn.sqs-button-element--primary { color: white !important; border-color: white !important; }
  15. tuanphan
    If you need to make it transparent just change #f1f to transparent
  16. tuanphan
    Hi, Can you share link to page? We can check easier
  17. tuanphan
    Add to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width: 992px) { .header-display-mobile { display: flex; order: 2 } .header-display-desktop { width: auto !important; order: 1; flex: 0 0 75px !important; display: flex; } .header-burger, .header-display-desktop .header-title-nav-wrapper, .header-display-desktop .header-actions-action--cart{ display: none } .header-display-desktop .customerAccountLoginDesktop { display: block } .header-display-desktop .header-actions.header-actions--right { flex: unset !important } }
  18. tuanphan
    What is password?
  19. tuanphan
    Use this CSS code div.header-nav-folder-content { background-color: #f1f !important; }
  20. tuanphan
    See this code
  21. tuanphan
    SS updated something on Form so old code doesn't work, I don't know how to update code with new form, but if you can add me as a contributor, I can help you disable this update.
  22. tuanphan
    Can you share link to this page?
  23. tuanphan
    Can you share link to page where you used it?
  24. tuanphan
    You can use this code to Website Tools (under Not Linked) > Custom CSS div.header-nav-item>a { color: #fff !important; background-color: #686beb !important; padding: 1em 2em !important; font-size: 20px !important; border-radius: 300px !important; }
  25. tuanphan
    If you want button appears on all pages, you should use Website Tools > Code Injection > Footer instead Page Header. Which page you added code to Page Header? I tried finding code in homepage but can't find any
×
×
  • 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