Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,655

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Use this code for mobile div.container.header-menu-nav-item>a { background-size: 16px; background-repeat: no-repeat; color: transparent; background-position: center; } div.container.header-menu-nav-item:nth-last-child(-n+3) * { color: transparent !important; } div.container.header-menu-nav-item:nth-last-child(3)>a { background-image: url(https://cdn.countryflags.com/thumbs/czech-republic/flag-round-250.png); } div.container.header-menu-nav-item:nth-last-child(2)>a { background-image: url(https://cdn.countryflags.com/thumbs/germany/flag-round-250.png); }
  2. tuanphan
    Add this code to last Line in Website Tools (under Not Linked) > Code Injection > Footer. See video <script> $(document).ready(function(){ // Cover $('h4 [href="#cover"]').click(function() { $('[data-section-id="6555941177381b2e3561cb46"]').show(); $('[data-section-id="65559916081ddb3afe27e40f"],[data-section-id="65559d5556e2cf601c1aeed7"]').hide(); $(this).addClass('button-active'); $('h4 a:not([href="#cover"])').removeClass('button-active'); }); // Grid $('h4 [href="#grid"]').click(function() { $('[data-section-id="65559916081ddb3afe27e40f"]').show(); $('[data-section-id="6555941177381b2e3561cb46"],[data-section-id="65559d5556e2cf601c1aeed7"]').hide(); $(this).addClass('button-active'); $('h4 a:not([href="#grid"])').removeClass('button-active'); }); // List $('h4 [href="#list"]').click(function() { $('[data-section-id="65559d5556e2cf601c1aeed7"]').show(); $('[data-section-id="6555941177381b2e3561cb46"],[data-section-id="65559916081ddb3afe27e40f"]').hide(); $(this).addClass('button-active'); $('h4 a:not([href="#list"])').removeClass('button-active'); }); }); </script> <style> /* Hide Grid - List */ [data-section-id="65559916081ddb3afe27e40f"], [data-section-id="65559d5556e2cf601c1aeed7"] { display: none; } /* set class when clicking buttons */ .show { display: block !important; } .hide { display: none !important; } a.button-active { color: gray !important; } </style>
  3. tuanphan
    So your problem is remove space or update content across the page?
  4. tuanphan
    I see you used some fonts, which font do you have problems with?
  5. tuanphan
    Hi, Can you share link to this accordion page? We can check easier
  6. tuanphan
    You can add this code to Website Tools (under Not Linked) > Custom CSS div.header-nav-item:nth-child(1):hover { background-color: #745C8E !important; } div.header-nav-item:nth-child(2):hover { background-color: #2D6945 !important; } div.header-nav-item:nth-child(3):hover { background-color: #C8553D !important; }
  7. tuanphan
    Add this code to Website Tools (under Not Linked) > Custom CSS /* remove on Studio page */ .portfolio-overlay { opacity: 0 !important; background-color: none !important; } a.grid-item { opacity: 1 !important; } (I see problem appears on /studio page only)
  8. tuanphan
    Hi, Can you share link to a product? We can check easier
  9. tuanphan
    You can adjust Ziggy code to this, to exclude Footer content from the code @media screen and (max-width: 767px) { #collection-64cffc9994e65d76b69494af article { h1, h2, h3, h4, p, .sqsrte-large, .sqsrte-small { text-align: center !important; } } }
  10. tuanphan
    Add this code to Website Tools (under Not Linked) > Custom CSS [class*="type-products"].view-item { /* change logo to black */ header#header img { filter: brightness(1) invert(1); -webkit-filter: brightness(1) invert(1); } /* change nav to black */ div.header-nav-item>a { color: black !important; } /* change burger to black */ div.burger-inner>div { background-color: black !important; } } [class*="type-products"].view-item.header--menu-open div.burger-inner>div { background-color: white !important; }
  11. tuanphan
    To achieve same, it require a lot of CSS code, so I will help you deal with each problem one by one, once I finish one problem, I will move on to the next problem. Also, current I don't see Burger Menu. Can you check again?
  12. tuanphan
    Hi, You can share link to page where you use gallery, we can give some code to achieve hover effect
  13. tuanphan
    The record looks fine. What is your domain name?
  14. tuanphan
    Add this CSS under .fe-block-f60d5a2650bbc4319b18 * { box-sizing: border-box; }
  15. tuanphan
    Do this on shop page? https://lavender-oval-sydh.squarespace.com/shop?noredirect
  16. tuanphan
    It doesn't work because you used another code to hide current logo Use this new code body[class*="type-products"].view-item header#header img { content: url(https://cdn.pixabay.com/photo/2022/03/08/07/08/water-7055153__480.jpg); visibility: visible !important; }
  17. tuanphan
    Can you share link to page where you use form? Maybe we can check & give another selector
  18. tuanphan
    Can you share link to this page?
  19. tuanphan
    I guess you need to adjust height of nav item = height of header, to prevent this What is your site url? We can check easier
  20. tuanphan
    You will need to adjust code a bit, but first to add line break to 3 lines, you edit the text from this Rocking Duet Steel, Glass 4 x 2 x 1.5 ft to this Rocking Duet<br/> Steel, Glass <br/>4 x 2 x 1.5 ft this will break to 3 lines, however maybe they will overlap together, if this problem appears, let me know your site url, we will give code to add space
  21. tuanphan
    You can add this code to Website Tools (under Not Linked) > Custom CSS body.homepage header#header { position: sticky !important; position: -webkit-sticky !important; }
  22. tuanphan
    Don't edit anything in the code
  23. tuanphan
    You can enable Carousel item buttons, then add this code to Website Tools (under Not Linked) > Custom CSS. The code will turn button link to image link li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; 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; }
  24. tuanphan
    You can send a test account, we can check easier
  25. tuanphan
    Hi, Can you share link to page where you use newsletter?
×
×
  • 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