Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,013

  • Joined

  • Last visited

  • Days Won

    518

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Can you share link to store page? We can check easier
  2. tuanphan
    Hi, What is your site url?
  3. tuanphan
    Hi, Do you still need help? Can you provide site url?
  4. tuanphan
    Hi, What is site url?
  5. tuanphan
    With detail page, use this code img.ProductItem-gallery-slides-item-image.loaded { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; }
  6. tuanphan
    What is page url?
  7. tuanphan
    Add to Website Tools (under Not Linked) > Custom CSS body#collection-656a228b46ffdd3222f2e11d { div#gridThumbs { grid-template-columns: repeat(4,1fr) !important; } .grid-image { padding-bottom: 100% !important; }}
  8. tuanphan
    You mean Desktop: same as current state Mobile: Always show overlay + title over image?
  9. tuanphan
    The code, you need to add to Home Header Code Injection If you want to add to Custom CSS, use this new code body.homepage section:first-child { height: 100vh !important; } body.homepage { overflow: hidden; } Can you share link to some pages which you have problems with?
  10. tuanphan
    Can you share link to a portfolio page? We can check it again easier
  11. tuanphan
    I think it should work fine now. You try checking it again Just tried sharing on my LinkedIn
  12. tuanphan
    Try adding this code to 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> jQuery(document).ready(function($){ $('.header-display-desktop .header-actions-action.header-actions-action--social').insertBefore('.header-display-desktop .showOnDesktop .header-actions-action.header-actions-action--cart'); }) </script> <style> .header-display-desktop .showOnDesktop { display: flex; align-items: center; } .header-actions-action.header-actions-action--cart { margin-left: 1.9vw; } </style>
  13. tuanphan
    (Just a test code for first 3 item) Try adding to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ // enter my world $('div.header-nav-item:nth-child(1) a').hover(function(){ $(this).text("HOMEPAGE"); }, function(){ $(this).text("ENTER MY WORLD"); }); // current happinings $('div.header-nav-item:nth-child(2) a').hover(function(){ $(this).text("EVENTS"); }, function(){ $(this).text("CURRENT HAPPENINGS"); }); // woven sculpture $('div.header-nav-item:nth-child(3) a').hover(function(){ $(this).text("COMMISSIONS"); }, function(){ $(this).text("WOVEN SCULPTURE"); }); }); </script>
  14. tuanphan
    Hi, Can you share link to a product?
  15. tuanphan
    Try this .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 50px; /* change number to increase/reduce logo size */ margin: 0 auto !important; } .header .header-title--use-mobile-logo .header-mobile-logo { text-align: center !important; }
  16. tuanphan
    It already white to me, or you mean change footer on cart page from black to white?
  17. tuanphan
    If you share link to this page, we can check easier
  18. tuanphan
    You can add this code to Website Tools (under Not Linked) > Custom CSS body.homepage article section:first-child { padding-top: 0px !important; } body.homepage header#header { background-color: transparent !important; }
  19. tuanphan
    In your code, change height:100% to height:500px
  20. tuanphan
    Hi, Can you share link to this page?
  21. tuanphan
    Hi, It already fine to me. Did you solve it?
  22. tuanphan
    Hi, Which page are you referring to? I don't see it on homepage
  23. tuanphan
    Hi, You can use Lightbox Plugin (affiliate link) or this link (non-affiliate link) to achieve this. With plugin, you can Add a Not Linked Page > Add your content here >> Then add lightbox url to Header Button, the url will be like this: #lightbox_not-linked-page-url However, if you use some custom app, eg: Calendly, TypeForm or click button > show form in popup, we can achieve this with code without using plugin. If you describe your case clearly, we can make it easier
  24. tuanphan
    You can add this to Website Tools (under Not Linked) > Custom CSS to override that code /* announcement bar */ .sqs-announcement-bar-dropzone { min-height: unset !important; }
  25. tuanphan
    I think you need to change .header-title-text { font-family: 'Public Sans';} to a#site-title { font-family: 'Public Sans' !important; }
×
×
  • 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