Jump to content

tuanphan

Circle Member
  • Posts

    64,861
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. You can use default Text Block, we can give you code to reduce space between heading/text Because adding fading effect to Code Block will be more complex
  2. You can use this code to Website > Website Tools > Custom CSS body#collection-5bca34dee5e5f0cd07ce8da8 .gallery-block:hover { cursor: pointer; }
  3. The page doesn't work now. Can you check it again?
  4. You can also try this guide I wrote recently https://summaryblock.com/left-menu-middle-logo-right-menu/
  5. Do you have/know an example of your desired effect? We can imagine and test code easier
  6. You need to set z-index [data-section-id="6616afa9f3ea0b7bba607952"] { position: fixed; top: 160px; z-index: 123456789 !important; }
  7. 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; }
  8. @nicki-patsios I don't see these images on the link you shared. Can you check it again?
  9. You can use this CSS code body.collection-65b1bdf0c3b6960fefb8fc64 header#header, body.collection-65b1bdf0c3b6960fefb8fc64 footer.sections { display: none !important; }
  10. 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;} }
  11. I don't know this, or you can consider adding Summary Block into each product to customize this
  12. 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)
  13. 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); }}
  14. Change to video is complex, you can consider using Gif instead, we can give you code
  15. 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; }
  16. p4ssw0rd password is incorrect. Can you check it again?
  17. If you share link to a blog post + and divider, we can help easier
  18. 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
  19. Try this code to Website > Website Tools > Custom CSS div#block-7636b738b58a35d32b5b * { font-size: 30px !important; }
  20. Hi, Have you tried Accordion Block yet? https://support.squarespace.com/hc/en-us/articles/4411581892749-Accordion-blocks
  21. 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>
  22. Hi Can you share link to homepage? We can check easier
×
×
  • 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.