Jump to content

tuanphan

Circle Member
  • Posts

    64,975
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. You can use this code to Website > Website Tools (under Not Linked) > Custom CSS to increase width .fe-65b1968b881a407ad804001e { --sqs-site-max-width: 100% !important; }
  2. Yes, try this demo with video https://tuanphan3.squarespace.com/video-loading-effect?noredirect pass: abc
  3. Just tested & I see it still works, maybe you added code to wrong position. Can you send all code after you added the code? & take a screenshot of problem then?
  4. Tag show fine to me, for example this https://www.fplegal.com/events/detail?tag=shirkey
  5. #1. With this item, you can change code to <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ setTimeout(function(){ $('a.cart-row-title[href="/purchase/p/reflect-session"]').attr('href','https://google.com'); }, 3000); }) </script> You can repeat this line for other items #2. Which exact script code did you add?
  6. You can try Summary Block to achieve this, we can use some code to move summary item to layout: left image - right text (You can add then share link to Summary), we can give the code
  7. Add this code to Website > Website Tools > Custom CSS to fix problem on smaller size @media screen and (min-width:768px) and (max-width:1200px) { body#collection-65681a5be8529542e809ec4f .list-item-content__text-wrapper { min-height: 100px; } }
  8. Hakunamatata12! password is incorrect. Can you check it again?
  9. Try this code to Website > Website Tools > Custom CSS header#header.shrink { background-color: transparent !important; }
  10. Hi, Try adding this code to Website > Website Tools (under Not Linked) > Custom CSS header#header.shrink { background-color: white !important; }
  11. Can you share link to this page?
  12. #1. Use this code input[aria-label="Quantity"] { padding-top: 5px !important; padding-bottom: 5px !important; } #2. Change these?
  13. Try this new code .fe-65a9952cee46d26cc21708b5 { --row-height-scaling-factor: 0 !important; } [data-section-id="659d8d3d3175681673a63aa5"] { min-height: 30vh !important; height: 50vh; } .portfolio-hover-display { min-height: unset !important; height: 100% !important; } [data-section-id="659d8d3d3175681673a63aa5"] .content-wrapper { height: 100% !important; }
  14. Use this new code /* center caption */ .gallery-caption-wrapper { position: static !important; } figcaption.gallery-caption.gallery-caption-grid-simple { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; } figure { position: relative !important; }
  15. Try this CSS code, if it doesn't work, you can share link to a product on your site, we can check easier .product-quantity-input input { font-size: 30px !important; }
  16. You mean add some filters here, when clicking on each >> it will filter items under? Something like this? https://tuanphan3.squarespace.com/gallery-grid-dropdown-filter-1?noredirect pass: abc (here I used dropdown format)
  17. If you agree, we can change top 2 buttons with a Code Block and second 3 buttons with a Code Block, I can give the code, they will be fine without overlap.
  18. Change this code to this code //* PROPERTIES GALLERY CAPTIONS (DESKTOP) * // .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.25); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; pointer-events: none; }
  19. #1. Use this code to Website > Website Tools (under Not Linked) > Custom CSS header#header:not(.shrink) .header-border { border-color: transparent !important; } #2. I see you figured it out border?
  20. You can use List Section Banner Slideshow. Click add a section Choose People > Choose section with (i) icon Next, click Edit Content and choose Design > Banner Slideshow
  21. You mean change this to 2 items/row on mobile?
  22. The site is private. You can setup an access password, we can access easier
  23. Remove this code #collection-65a4af5084f7195e363c9620 .sqs-block-image:hover img { transform: rotate(10deg); } use this code #collection-65a4af5084f7195e363c9620 .sqs-block-image:hover { transform: rotate(10deg); }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.