Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,335

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You can remove your fixed height code, I can check & give the code
  2. tuanphan
    Can you share link to page where you use Gallery? https://harp-magnolia-6hy6.squarespace.com/?noredirect
  3. tuanphan
    Add to Design > Custom CSS /* carousel mobile arrows */ .mobile-arrows { display: none !important; }
  4. tuanphan
    Change these line -ms-flex-direction: row; flex-direction: row; to -ms-flex-direction: column; flex-direction: column;
  5. tuanphan
    Add this code into Code Block <style> #workzoomjob th { text-align: left !important; } </style>
  6. tuanphan
    What is site url? We can check easier
  7. tuanphan
    Add this code under to remove gradient body.homepage a.list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary { background-image: none !important; }
  8. tuanphan
    Add to Design > Custom CSS .product-scarcity { color: red !important; font-weight: bold !important; }
  9. tuanphan
    Use this code /* Masonry one item on mobile */ @media screen and (max-width:767px) { [data-section-id="6499dcdea703c320fec3e58c"] .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; } } Because you are using Gallery Grid on this page so the code will be shorter.
  10. tuanphan
    Stacked like this?
  11. tuanphan
    Which url did you add?
  12. tuanphan
    Can you share link to this page?
  13. tuanphan
    #1. Just adding padding value If you need to add space on top/bottom, add attribute padding-top padding-bottom #2. With selected, it will be more complex Add this code to Code Injection > Footer <script> if (document.location.pathname.indexOf("/work-blog/category/Experience") == 0) { document.querySelector('body').classList.add('t-active') } if (document.location.pathname.indexOf("/work-blog/category/Public+Work") == 0) { document.querySelector('body').classList.add('t-active') } if (document.location.pathname.indexOf("/work-blog/category/Strategic+Change") == 0) { document.querySelector('body').classList.add('t-active') } </script> <style> body.t-active a.archive-group-name-link{ background-color: black !important; color: white !important; padding-left: 3px; padding-right: 3px; white-space: nowrap; } </style>
  14. tuanphan
    Use this body.homepage h2.list-item-content__title { color: white; font-size: 30px !important; }
  15. tuanphan
    Use this new code a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element:after { content: ""; background-color: #fff; position: absolute; left: 0; width: 100%; height: 1px; bottom: 0; transition: all .3s ease; transform: scale(1); } a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element { position: relative; } a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element:hover:after { transform:scale(0); transition: all .3s ease; }
  16. tuanphan
    This code caused problem You can add this to Design > Custom CSS to override it .radio input { opacity: 1 !important; }
  17. tuanphan
    Use this #header .header-menu-nav-item:not(:last-child) a:after { display: none; } .header-menu-nav-item-content { background-image: none !important; }
  18. tuanphan
    Can you share link to this page? We can check easier
  19. tuanphan
    Add to Design > Custom CSS /* Counter code */ .portfolio-grid-basic .grid-item h3:before { content: "0"counter(portfolio-hover-item-counter)"."; text-transform: uppercase; color: red; } .portfolio-grid-basic .grid-item { counter-increment: portfolio-hover-item-counter; position: relative; }
  20. tuanphan
    That code for ICS, if you need both, use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> $(document).ready(function() { $('li.eventlist-meta-item.eventlist-meta-export.event-meta-item a').attr('target','_blank'); }); </script>
  21. tuanphan
    Try adding to Design > Custom CSS div#mobileNav.menu-open { position: fixed; height: 100vh !important; left: 0; width: 100%; background-color: white; z-index: 999; display: flex; align-items: center; justify-content: center; } .menu-open div#mobileNavWrapper { background: white; }
  22. tuanphan
    Add to Design > Custom CSS .portfolio-grid-basic .grid-item:after { content: "View portfolio"; border-bottom: 1px solid; display: inline-block; } .portfolio-grid-basic .grid-item { display: inline-block; }
  23. tuanphan
    Which word are you referring to?
  24. tuanphan
    Replace your code .form-wrapper .field-list .field .option { width: 20%; float: left; text-align: left; margin-bottom: 30px } with this code @media screen and (min-width:768px) { .form-wrapper .field-list .field .option { width: 20%; float: left; text-align: left; margin-bottom: 30px } }
  25. tuanphan
    Add to Design > Custom CSS /* Button underline */ a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element:after { content: ""; background-color: white; position: absolute; left: 0; width: 100%; height: 1px; bottom: 0; transition: all 0.3s ease; } a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element { position: relative; } a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element:hover:after { width: 0; transition: all 0.3s ease; }
×
×
  • 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