Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,544

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    If you use a Business Plan/higher, add this code to 2024 Event Working Page Header Code Injection <style> h1.eventitem-title { font-family: 'Fraunces' !important; } </style> If you use Personal Plan, use this code to Website > Website Tools > Custom CSS body.collection-65ce23ee6964f56596229096 h1.eventitem-title { font-family: 'Fraunces' !important; }
  2. tuanphan
    You have invalid [ ] symbol, it should be #block-yui_3_17_2_1_1709491059499_10305 { border-left: 1px solid black; }
  3. tuanphan
    Their approach (CSS-Tricks) require to use JavaScript code, to change structure of Navigation item If you use Business Plan or higher, I can try their approach, but if your plan is Personal, this is not possible Your Hover code doesn't work because you have a typo color NOT colour It should be .header-nav-item a:hover { color: #003b70 !important; }
  4. tuanphan
    Use a code like this .blog-excerpt-wrapper { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } If you mean this page https://lisagaron.com/blog
  5. tuanphan
    Try this code to Website > Website Tools > Custom CSS @media screen and (max-width:991px) { .header-display-desktop { display: block !important; position: absolute; right: 15vw; z-index: 99999999; } .header-display-desktop .header-title-nav-wrapper, .header-display-desktop .header-burger { display: none; } .header-dislay-desktop .header-actions.header-actions--right { display: flex !important; } div#multilingual-language-picker-desktop {} .header-display-desktop .header-actions.header-actions--right, .header-display-desktop div#multilingual-language-picker-desktop { display: flex !important; } .header-burger { visibility: hidden; } }
  6. 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>
  7. tuanphan
    I see you used code to hide image on mobile. Do you still need help?
  8. 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>
  9. 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
  10. 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%); }
  11. tuanphan
    You can use this ID, both are same [data-section-id="...."] .fluid-engine Replace data-section-id with your id
  12. 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
  13. 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
  14. tuanphan
    Can you share link to this page?
  15. 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>
  16. 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; }
  17. 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.
  18. tuanphan
    You can share link to page where you use GG maps, we can check problem easier
  19. tuanphan
    You can use this code to Website > Website Tools > Custom CSS ul.nested-category-children { padding-top: 0px !important; padding-bottom: 0px !important; }
  20. 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>
  21. tuanphan
    This appears when hover any links on this homepage or?
  22. 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>
  23. 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; }
  24. 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.
  25. 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; } }
×
×
  • 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