Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,871

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    First edit your page > Add a Block > Choose Code Then paste this code into Code Block <style> header#header, footer.sections { display: none !important; } </style>
  2. tuanphan
    I see you used code to hide image on mobile. Do you still need help?
  3. tuanphan
    Try this code to Last Line in Code Injection > Footer <script> $(document).ready(function(){ $(".product-price").html(function() { return $(this).html().replace("from", "new text"); }); }); </script>
  4. tuanphan
    First, make text $750 bold Next, use this code to Website > Website Tools > Custom CSS .list-item-content__description p strong { font-weight: normal; text-decoration: line-through; } result
  5. tuanphan
    Use this new code div.header-display-mobile .header-title:after { content: "South Mountain Advanced \A Therapies Consultants, LLC"; display: block; font-family:cormorant infant; font-size: 11px; white-space:pre; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
  6. tuanphan
    You can use this ID, both are same [data-section-id="...."] .fluid-engine Replace data-section-id with your id
  7. tuanphan
    We can use CSS code to make it to multi columns (if you share site url, we can help easier) Or if you want folder inside folder, you can use a plugin
  8. tuanphan
    Checkout (/checkout) or Cart Page (/cart)? If checkout, it is not possible If Cart page, you can share site url, we can help easier
  9. tuanphan
    Can you share link to this page?
  10. tuanphan
    Add to Page Header Code Injection <style> .image-slide-title { font-size: 26px !important; white-space: initial !important; overflow: visible !important; } .image-slide-title em { font-size: 20px !important; } .slide a:after { content: "read more"; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); background-color: black; color: #fff; display: inline-block; padding-left: 10px; padding-right: 10px; border-radius: 50px; } </style>
  11. tuanphan
    Use this code to Website > Website Tools > Custom CSS .Index-gallery-item-content { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); } .Index-gallery-item-content a:after { content: "\e005"; font-size: 30px; font-family: 'squarespace-ui-font'; position: absolute; right: -30px; top: 5px; }
  12. tuanphan
    I wrote a quick guide here, you can follow it. https://summaryblock.com/click-button-show-corresponding-section/ In case you can't make it work, you can share link to page where you added buttons + sections + which code you added, I will adjust the code for you.
  13. tuanphan
    You can share link to page where you use GG maps, we can check problem easier
  14. tuanphan
    You can use this code to Website > Website Tools > Custom CSS ul.nested-category-children { padding-top: 0px !important; padding-bottom: 0px !important; }
  15. tuanphan
    Add to Website > Website Tools > Code Injection > Footer (DO NOT add to Custom CSS) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('header#header a.icon').attr('href','/contact'); }); </script>
  16. tuanphan
    This appears when hover any links on this homepage or?
  17. tuanphan
    Add this code to Page Header Code Injection (page where you have problems, you can adjust number in the code) If your Plan is Personal and doesn't support Code Injection, you can edit page > Add a Code Block > paste this code <style> @media screen and (max-width:767px) { article section:first-child { min-height: unset !important; height: 25vh; margin-top: 5vh; } } </style>
  18. tuanphan
    You can use this CSS code #block-yui_3_17_2_1_1708573270824_58636 .sqs-gallery-block-grid .sqs-gallery-design-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
  19. tuanphan
    Recently I solved this, but instead of play on click, it will open lightbox video on click. If you agree this, I can give you a quick guide.
  20. tuanphan
    Use this new code. Note: Add code to Website Tools > CUSTOM CSS (DO NOT ADD CODE TO CODE INJECTION) /* Show category nav links */ @media screen and (max-width:767px) { div.nested-category-tree-wrapper { display: flex !important; float: none !important; min-width: 100% !important; max-width: 100% !important; margin-right: 0 !important; } section.products.collection-content-wrapper.products-list { flex-direction: column !important; display: flex; } div.nested-category-tree-wrapper ul { flex-wrap: wrap; } .nested-category-tree-wrapper>ul {padding-top: 44px;padding-bottom: 30px;margin-bottom: 0;flex-wrap: nowrap;overflow-x: scroll;text-align: center;display: flex;flex-direction: row;align-content: center;position: relative;justify-content: start;} .nested-category-tree-wrapper>ul li { margin-left: 2vw; flex: 0 0 auto; } nav.nested-category-breadcrumb { display: none !important; } ul.nested-category-children { display: none !important; } .products.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a { padding-top: 5px; } }
  21. tuanphan
    Change this code @keyframes slideOut { from { margin-left: 0vw; } to { margin-left: -100vw; } } to this @keyframes slideOut { from { visibility: visible; opacity: 1; } to { visibility: hidden; opacity: 0; } }
  22. tuanphan
    You can use this code to Website > Website Tools > Custom CSS body.homepage header#header, body.homepage .header-background-solid { background-color: #000 !important; } body.homepage div.header-nav-item>a { color: #f1f !important; }
  23. tuanphan
    #1. You can use this code to Website > Website Tools > Custom CSS /* list height */ div.user-items-list { padding-top: 0px !important; padding-bottom: 0px !important; } #2. You can follow this https://forum.squarespace.com/topic/200737-autoscroll-list-items-in-gallery-view/#comment-482953
  24. tuanphan
    So you want a button float on right of site (all pages, same button) click button will open Contact Form when users scroll, this button still sticky on right of site or you want a form float on right of site (all pages, same contact form) when users scroll, this form still sticky on right of site ?
  25. tuanphan
    I used to help a member to make a video background play on hover, if you share link to your homepage, I can check your case 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