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
    Now you want to reduce this space? You can use this code to Website > Website Tools > Custom CSS /* Space under text */ .fe-6616ad5d281a48227f8ba778 { grid-template-rows: repeat(45,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; }
  2. tuanphan
    @nicki-patsios I don't see these images on the link you shared. Can you check it again?
  3. tuanphan
    You can use this CSS code body.collection-65b1bdf0c3b6960fefb8fc64 header#header, body.collection-65b1bdf0c3b6960fefb8fc64 footer.sections { display: none !important; }
  4. tuanphan
    You can use this CSS code under @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1711831694026_15313 video { object-fit: cover !important; } .fe-block-yui_3_17_2_1_1711831694026_15313 {grid-column-start: 2 !important;grid-column-end: 10 !important;} }
  5. tuanphan
    I don't know this, or you can consider adding Summary Block into each product to customize this
  6. tuanphan
    Can you share link to this page?
  7. tuanphan
    I see you figured it out with this CSS code? .summary-title-link { font-family: 'Gilroy-Light'; line-height: -1 !important; } (-1 doesn't exist)
  8. tuanphan
    Use this code to Website > Website Tools > Custom CSS. Here I used an example arrow icon url, you can replace with your icon url body#collection-65ace4e2fb0c2f0015d2b8bf { button[class*="arrow-button"] svg { display: none !important; } [class*="arrow-icon-background"] { background-size: contain; background-repeat:no-repeat; background-position: center center; background-color: transparent !important; } button[class*="arrow-button--left"] [class*="arrow-icon-background"] { background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1773097810_Group12@2x.png.fd2d6dc749f79343ae687e29649cea4f.png); } button[class*="arrow-button--right"] [class*="arrow-icon-background"] { background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1753379866_Group13@2x.png.54c2b0e59adbe1a1f31f46b8b628398d.png); }}
  9. tuanphan
    Change to video is complex, you can consider using Gif instead, we can give you code
  10. tuanphan
    I see it already 2 columns here
  11. tuanphan
    I see you solved top space with space under widget, you can use this code to Website > Website Tools > Custom CSS /* space under elfsight */ .fe-65b1611b59bc023000f1f67f { grid-template-rows: repeat(30,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; }
  12. tuanphan
    p4ssw0rd password is incorrect. Can you check it again?
  13. tuanphan
    If you share link to a blog post + and divider, we can help easier
  14. tuanphan
    Your code is HTML, not CSS, if you add there, syntax error will appear. You can share site url, we can give you correct code
  15. tuanphan
    Try this code to Website > Website Tools > Custom CSS div#block-7636b738b58a35d32b5b * { font-size: 30px !important; }
  16. tuanphan
    Hi, Have you tried Accordion Block yet? https://support.squarespace.com/hc/en-us/articles/4411581892749-Accordion-blocks
  17. tuanphan
    Edit 7 Pages > Add a Block (anywhere on page)> Choose Code from the list > Paste this code > Then save & reload the page <style> div.float-button { display: none !important; } </style>
  18. tuanphan
    You mean Logo not clickable or which elements?
  19. tuanphan
    Hi Can you share link to homepage? We can check easier
  20. tuanphan
    You can use this code body[class*="type-blog"].view-list [data-section-id="66194f7201d47c126ba1a5fd"] { display: none; }
  21. tuanphan
    With effect 12, you try this code to bottom of Custom CSS box a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element:after { position: absolute; content: ""; width: 100%; height: 0; bottom: 0; left: 0; z-index: -1; background: #000; transition: all 0.3s ease; } a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element { transition: all 0.3s ease; position: relative; display: flex; background-color: transparent !important; } a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element:hover { color: #fff; } a.sqs-block-button-element--medium.sqs-button-element--primary.sqs-block-button-element:hover:after { top: 0; height: 100%; }
  22. tuanphan
    I don't see Image Slider. Can you take a screenshot?
  23. tuanphan
    Can you share link to a variant product? We can imagine easier
  24. tuanphan
    Can you share link to a portfolio sub page?
  25. tuanphan
    You mean burger icon? You can use this code to Website > Website Tools > Custom CSS header#header.shrink div.burger-inner>div { background-color: #f1f !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