Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,861

  • Joined

  • Last visited

  • Days Won

    517

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Hi, Have you tried Source URL option when edit post yet?
  2. tuanphan
    Yes. What is your portfolio page url? We can use code to achieve this
  3. tuanphan
    Can you share link to page where you added Table Block?
  4. tuanphan
    You can consider this approach (will require a plugin, but simpler then above request) Click on images on grid >> Show a lightbox with content, images... >> Click X will close lightbox, return to Grid
  5. tuanphan
    Hi, Can you share link to this page? We can check easier
  6. tuanphan
    You mean When users is on landing page >> automatic play music? This is possible but it will annoy the user
  7. tuanphan
    Yes. It looks like they used Filter Plugin. I checked their code & found Filter plugin code
  8. tuanphan
    This code should work, I tested it again last night. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> $(document).ready(function(){ $('.last-name input').attr('value','NA'); $('.last-name').attr('style','display:none;'); }); </script>
  9. tuanphan
    Hi, Can you share link to form? We can imagine easier
  10. tuanphan
    #1. You can add to Design > Custom CSS /* Mobile Scaled text */ @media screen and (max-width:767px) { [class*="scaled-text-"] * { font-size: 40px !important; } } #2. Which page you want to disable animation?
  11. tuanphan
    You can add to Design > Custom CSS body.homepage .banner-thumbnail-wrapper.has-description { min-height: 500px !important; }
  12. tuanphan
    Maybe some settings in your site styles. You can try adding this to Design > Custom CSS to fix problem section#what-to-do p a { color: white; }
  13. tuanphan
    Try adding to Settings > Developer Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function() { $('<a href="https://amazon.com" class="t-custom-url" target="_blank">Contact Us</a>').appendTo('.sqs-add-to-cart-button-wrapper'); }); </script> <style> div.sqs-add-to-cart-button { display: none !important; } a.t-custom-url { transition: all 0.3s; border: 1px solid black; padding: 10px 20px; display: inline-block; font-weight: 400; font-style: normal; letter-spacing: 0em; text-transform: none; line-height: 1.4em; font-family: 'Freight'; } a.t-custom-url:hover { transition: all 0.3s; background-color: black; color: white; } </style> replace amazon with contact page url
  14. tuanphan
    You mean this effect?
  15. tuanphan
    Add to Design > Custom CSS div.header-nav-item>a:hover { color: #f1f; } a.nested-category-breadcrumb-link:hover { color: #f1f; }
  16. tuanphan
    Squarewebsites.org should have Search * Filter feature Have you try contacting their support yet?
  17. tuanphan
    This section, Squarespace uses number 24 (24 rows, you can see this number when edit section) To reduce gap, you need to change to a number less than 24. And I tried 23, 22, 21....and found 16 is the best
  18. tuanphan
    Just tried new code, but it won't work with Parallax. I'm also not sure if it runs with a static image or not. You can try
  19. tuanphan
    Change these items + X icon to dark color?
  20. tuanphan
    Use this new code <style> @media screen and (min-width:901px) { div#thumbnails { height: auto !important; display: grid !important; grid-template-columns: repeat(2,1fr) !important; grid-gap: 10px; } .collection-type-gallery #thumbnails .thumb { position: relative !important; width: 100% !important; height: auto !important; top: unset !important; left: unset !important; } } </style>
  21. tuanphan
    Use this new CSS code @media screen and (min-width:768px) { div#block-117987cac4fb9d9629f7 p:not(:first-child) { margin-top: 5px; margin-bottom: 5px; display: flex; } div#block-117987cac4fb9d9629f7 p:not(:first-child) em { font-style: normal !important; } }
  22. tuanphan
    No slideshow on homepage. Which page are you referring to?
  23. tuanphan
    If zoom a bit on hover we can help Or you can enable lightbox feature, click image > show lightbox
  24. tuanphan
    Add to Design > Custom CSS /* align boxes */ .user-items-list-item-container[data-section-id="649f4fd006d44556b81210e1"] { @media screen and (min-width:1275px) { li { background-color: #253551; } .list-item-content__description { min-height: 190px; } } @media screen and (max-width:1274px) and (min-width:768px) { h2 { min-height: 80px; } .list-item-content__description { min-height: 220px; } a.list-item-content__button { min-height: 80px; display: flex; align-items:center; justify-content: center; }}}
  25. tuanphan
    Actually it is scroll bar. You can use this CSS code to remove it .header-menu-nav-folder[data-folder="root"] { overflow: hidden !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