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
    #1. Use this code input[aria-label="Quantity"] { padding-top: 5px !important; padding-bottom: 5px !important; } #2. Change these?
  2. tuanphan
    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; }
  3. tuanphan
    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; }
  4. tuanphan
    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; }
  5. tuanphan
    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)
  6. tuanphan
    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.
  7. tuanphan
    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; }
  8. tuanphan
    #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?
  9. tuanphan
    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
  10. tuanphan
    You mean change this to 2 items/row on mobile?
  11. tuanphan
    The site is private. You can setup an access password, we can access easier
  12. tuanphan
    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); }
  13. tuanphan
    Hakunamatata12! password is incorrect
  14. tuanphan
    Under Header text - What do you mean? You mean move float button on right of site to between navigation header - top section text?
  15. tuanphan
    Use this CSS code body * { font-size: 12px !important; }
  16. tuanphan
    You can use this code to Website > Website Tools (under Not Linked) > Custom CSS .slide a:after { position: absolute; content: ""; background: rgba(0,0,0,0.5); z-index: 999; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; } .slide a { position: relative; } .slide a { position: relative; opacity: 1 !important; } .slide:hover a:after { opacity: 1; }
  17. tuanphan
    Use this under your code <style> @media screen and (max-width:767px) { iframe[src*="google.com/maps"] { width: 100% !important; height: 300px !important; } } </style>
  18. tuanphan
    Where did you add CSS code?
  19. tuanphan
    You can use this code to Website > Website Tools (under Not Linked) > Custom CSS .pdp-layout .pdp-details .variant-option select { padding-top: 5px !important; padding-bottom: 5px !important; } div.product-quantity-input { display: none !important; }
  20. tuanphan
    You can use this code to Website > Website Tools (under Not Linked) > Custom CSS a[data-folder-id]:after { content: "+"; } a.header-menu-controls-control.header-menu-controls-control--active span:nth-child(2):before { content: "<"; }
  21. tuanphan
    Check your Code Block, you will see 700px code just reduce this number
  22. tuanphan
    Can you share link to this page? I can't find it on your site
  23. tuanphan
    It looks like you figured it out? I tried checking some screen sizes but no gap here
  24. tuanphan
    Can you share link to this page?
  25. tuanphan
    Add this code to Website > Website Tools (under Not Linked) > Custom CSS body.header--menu-open header#header { background-color: #181818 !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