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
    Add this code under /* code for mobile */ @media screen and (max-width:767px) { .gallery-caption-wrapper h2 { transform: translateY(-150%) !important; } }
  2. tuanphan
    I don't see form on homepage. Can you check it again?
  3. tuanphan
    It looks like you figured it out?
  4. tuanphan
    Can you share link to 2 blog posts?
  5. tuanphan
    Add this code under .BlogList-item-body .html-block { width: 70% !important; }
  6. tuanphan
    Add to Design > Custom CSS /* Continue shopping button */ a.cart-continue-button { color: white !important; }
  7. tuanphan
    Add this code to Design > Custom CSS /* Contact - UI UX Design */ body#collection-609b07dde06290237a7ecc4a, body#collection-609c253783d1f50d196b9ed3 { header#header nav div.header-nav-item a { color: white !important; } div.burger-inner>div { background-color: white !important; } }
  8. tuanphan
    Add to Design > Custom CSS div.header-nav-item a { background-image: none !important; } div.header-nav-item:nth-child(1)>a { border-bottom: 2px solid #000; } div.header-nav-item:nth-child(2)>a { border-bottom: 2px solid red; } div.header-nav-item:nth-child(3)>a { border-bottom: 2px solid #f1f; } div.header-nav-item:nth-child(4)>a { border-bottom: 2px solid brown; } div.header-nav-item:nth-child(5)>a { border-bottom: 2px solid #f7f8; }
  9. tuanphan
    Hi, Add to Design > Custom CSS /* Product 2 columns mobile */ @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 10px; } }
  10. tuanphan
    Can you share link to this page?
  11. tuanphan
    Move this?
  12. tuanphan
    You can consider using Gif image instead. With video we will need to adjust more I Haven't tried, but my ideal is Add some video blocks behind the text Hide all initial When the Hover each text will display the video corresponding to the video. (But the video will not automatically play) If you still need this, let me know, I will try testing code.
  13. tuanphan
    Try this new code <script> if (document.location.pathname.indexOf("/work-blog/category/Experience") == 0) { document.querySelector('body').classList.add('t-active1') } if (document.location.pathname.indexOf("/work-blog/category/Public+Work") == 0) { document.querySelector('body').classList.add('t-active2') } if (document.location.pathname.indexOf("/work-blog/category/Strategic+Change") == 0) { document.querySelector('body').classList.add('t-active3') } </script> <style> body.t-active1 a.archive-group-name-link[href="/work-blog/category/Experience"] { border-bottom: 1px solid black; padding-left: 3px; padding-right: 3px; white-space: nowrap; } body.t-active2 a.archive-group-name-link[href="/work-blog/category/Public+Work"] { border-bottom: 1px solid black; padding-left: 3px; padding-right: 3px; white-space: nowrap; } body.t-active3 a.archive-group-name-link[href="/work-blog/category/Strategic+Change"] { border-bottom: 1px solid black; padding-left: 3px; padding-right: 3px; white-space: nowrap; } </style>
  14. tuanphan
    What is your site url? We can check easier
  15. tuanphan
    Change input to input:not([type="button"])
  16. tuanphan
    Add to Design > Custom CSS /* Mobile 2 columns */ @media screen and (max-width:767px) { .index-list.clearfix { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; } .index-list.clearfix:before { display: none; } .index-list.clearfix>div { padding: 0 !important; } }
  17. tuanphan
    Suppose your site url is lemonstrike.squarespace.com You can access this link: lemonstrike.squarespace.com/config/safe It will disable all custom code in Edit Mode, then you can edit title without removing the code
  18. tuanphan
    Can you share link to WP site?
  19. tuanphan
    It looks like you have a syntax error on CSS box so some (or all) CSS didn't work. You try checking again If you can't find error, you can paste all code here, we can check easier
  20. tuanphan
    Remove 2 codes I sent & use this new code nav.header-nav-list { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .header-display-desktop .header-title-nav-wrapper { flex: 0 0 100% !important; }
  21. tuanphan
    Add to Design > Custom CSS header#header a.icon:not(:first-child) { display: none; }
  22. tuanphan
    Add to Design > Custom CSS /* Hide portfolio item titles */ .portfolio-grid-overlay .grid-item .portfolio-text .portfolio-title { display: none !important; }
  23. tuanphan
    Did you solve all or still need help?
  24. tuanphan
    #1. Where did you add the code? Add to Shop Page Header, DO NOT add to Site Wide Code Injection Header #2.
  25. tuanphan
    Add padding-right into this code .portfolio-grid-basic .grid-item h3:before { content: "0" counter(portfolio-hover-item-counter) "."; text-transform: uppercase; color: #000; font-size: 50px; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #ed6b2d; padding-right: 20px; }
×
×
  • 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