Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,975

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Can you share link to page where you use slideshow?
  2. tuanphan
    You will need to adjust some code in CSS box for example this code font-size: calc(var(--font-size) * 1.5); need to add symbols, like this font-size: calc(~"var(--font-size) * 1.5"); or width: calc(var(--font-size) * 0.5); to width: calc(~"var(--font-size) * 0.5"); (do similar for all code with calc text)
  3. tuanphan
    You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:991px) { .header-actions.header-actions--right, .header-actions-action--cta { display: flex !important; } .header-burger { display: none !important; } .header-display-mobile { flex-direction: row-reverse; } .header-title-logo a, .header-title-logo a img { max-height: 40px !important; } }
  4. tuanphan
    You can use Anchor Links https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links
  5. tuanphan
    Try this CSS under @media screen and (max-width:767px) { img.grid-item-image.grid-image-cover { opacity: 1 !important; } img.grid-item-image.grid-item-additional-image { opacity: 0 !important; } img.grid-item-image.grid-image-hover { opacity: 0 !important; } }
  6. tuanphan
    You can use this code to Website > Website Tools > Custom CSS [data-section-id="6627df5639ad8823ae2603f7"] .content-wrapper, [data-section-id="6627df5639ad8823ae2603f7"] + section .content-wrapper { padding-bottom: 0px !important; padding-top: 0px !important; }
  7. tuanphan
    You can use a CSS code like this to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1654723628836_4556 { max-width: 100px; margin: 0 auto; } }
  8. tuanphan
    I see 4 products. Which product you want to change link? Or change all 4 products?
  9. tuanphan
    You want to change text color or?
  10. tuanphan
    Yes. They removed trial since April 2024.. I don't know any other tools. You try posing this question to Coding category https://forum.squarespace.com/forum/39-customize-with-code/
  11. tuanphan
    Do you have/know an example? We can check easier
  12. tuanphan
    It should be 2 //
  13. tuanphan
    You mean video disappear on mobile or you need to use different videos on desktop - mobile?
  14. tuanphan
    First, you add a Section with Video Background Next, use this code to Custom CSS. Replace article>section:first-child with section id use this free tool to find id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff article>section:first-child { height: 100vh !important; position: sticky; top: 0; padding: 0 !important; } article>section:first-child video { position: fixed !important; top: 0 !important; } article>section:nth-child(n+2) { z-index: 99999 !important; }
  15. tuanphan
    You can use scroll-margin-top https://www.w3schools.com/cssref/css_pr_scroll-margin-top.php
  16. tuanphan
    You can see this
  17. tuanphan
    #1. To remove arrow, use this code to Website > Website Tools > Custom CSS .passthrough-link:after { display: none; } #2. I can't find a way to pull this automatically. But you can consider using this ideal Add a text/hyperlink on all posts where you want to do this I will use code to move this text under title If you like this, I will write a guide for your case.
  18. tuanphan
    With this lost-america page, you can add this code to Page Header Code Injection <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('div#block-yui_3_17_2_1_1713954438114_16243 pre').click(function(){ $("div#block-yui_3_17_2_1_1713954438114_16243 p").toggleClass("show"); } ); }); </script> <style> #block-yui_3_17_2_1_1713954438114_16243 pre { cursor: pointer; } #block-yui_3_17_2_1_1713954438114_16243 p { display: none; transition: all 0.1s ease; } .show { display: block !important; transition: all 0.1s ease; } </style>
  19. tuanphan
    It works, but you need double click... You can remove all code, I will test it again
  20. tuanphan
    I see now. It looks fine to me?
  21. tuanphan
    So did you code work or you still need help?
  22. tuanphan
    I see you edited my code, there is space here space will make id invalid, my code has no space
  23. tuanphan
    You can use this code to Website > Website Tools > Custom CSS section.ProductItem-additional { margin-top: 0px !important }
  24. tuanphan
    You can use this code to Website > Website Tools > Custom CSS /* Product images gap */ .ProductItem-gallery-slides-item.selected { margin-bottom: 0px !important; }
  25. tuanphan
    You can use this code to Website > Website Tools > Custom CSS. If it doesn't work, please share link to a product, I can check again easier. button.ProductItem-gallery-next:after, button.ProductItem-gallery-prev:after { display: none !important; } button.ProductItem-gallery-next { background-image: url(https://content.invisioncic.com/p289038/monthly_2024_04/StintsArrow_RIGHT.thumb.png.2cee83fbaecf030c2d24e60c24363d80.png); } button.ProductItem-gallery-prev { background-image: url(https://content.invisioncic.com/p289038/monthly_2024_04/StintsArrow_LEFT.thumb.png.56fc7339c93f372fddaf8e32b259ae5a.png); }
×
×
  • 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