Jump to content

tuanphan

Circle Member
  • Posts

    64,861
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Add this to Design > Custom CSS or Website > Website Tools > Custom CSS /* add Bandcamp icon */ footer.sections a[href*="bandcamp"] svg { display: none; } footer.sections a[href*="bandcamp"] div { background-image: url(https://static1.squarespace.com/static/628cdee1a5d6744370f3ec3d/t/6368f9583c59062c1a4ab3b3/1667823960158/bandcamp-button-circle-line-white-512.png); background-size: contain; background-repeat: no-repeat; background-position: center center; transform: unset !important; filter: invert(1); }
  2. Use this code .tag-poa .product-price { display: none !important; }
  3. If you share link to a variant product, we can check and help easier
  4. Which code did you use? We can tweak the code to disable click
  5. Use this CSS code /* Hide logo when burger menu is open - all pages */ body.header--menu-open header#header img { visibility: hidden; }
  6. You can use this code to Custom CSS box div.image-block:hover .sqs-image { box-shadow: 10px 10px #b24936 !important; }
  7. Add to Design > Custom CSS or Website > Website Tools > Custom CSS /* burger menu */ .header-menu-nav-folder-content { justify-content: flex-start !important; } div.header-menu { bottom: 60%; } div.header-menu-nav-item { border-bottom: 1px solid black !important; } div.header-menu-nav-item:first-child { border-top: 1px solid black; }
  8. Can you take a screenshot of problem & Which page do you have problems with?
  9. The url doesn't work. Can you check it again?
  10. You will need to use JavaScript code to achieve this. Personal Plan doesn't support JS code
  11. Above code for List Section Slideshow When you add a section, you will see this By default, with Gallery Section Slideshow - Text will be under Image But List Slideshow - Text will be over image (overlay image)
  12. If you mean top image on homepage, I see it already works here. You try checking in incognito window
  13. You can use Classic Editor Section, then add buttons again then adjust size here
  14. Use this CSS code @media screen and (max-width: 767px) { [data-section-id="64dbe3100225b33a0e282cc2"] figure.gallery-grid-item:nth-child(3) { position:relative; left: 100% } [data-section-id="64dbe3100225b33a0e282cc2"] figure.gallery-grid-item:nth-child(4) { position: relative; right: 100% } }
  15. Hi, You can use List Section Carousel, enable item buttons, then use this code to Custom CSS box to turn button link to image/title link (this code also make buttons invisible then) li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; }
  16. You can use this to Website > Website Tools > Custom CSS to reduce spacing .fe-64dbe14dbf7a130be157c729 { grid-template-rows: repeat(4,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; } .fe-block-e6d84eee45e7f78a0cde { grid-row-end: 4 !important; }
  17. You can change code to this, to force it run on desktop only @media screen and (min-width:992px) { section[data-section-id="section-id-here"] .section-background { background: url('custom-file-image-here'); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; } }
×
×
  • 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.