Jump to content

tuanphan

Circle Member
  • Posts

    63,790
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. #1. You mean this? #2. Which button are you referring to?
  2. You can consider create a shape image like screenshot > Then code, to when click on image >> open a video in lightbox. What do you think? I used to help a member to do similar thing
  3. Try adding to Design > Custom CSS @media screen and (max-width:1024px) and (min-width:768px) { .fe-block-88724c6c92d97bafd03d { grid-row-start: 11 !important; grid-column-start: 2 !important; } .fe-block-204071463054fa6b2b4d { grid-row-start: 16 !important; grid-column-start: 2 !important; } .fe-block-f5ae23d3b40ea9085dce { grid-row-start: 19 !important; grid-column-start: 2 !important; } }
  4. Use this new code for shop/category page [class*="type-products"].view-list .header-actions-action--social .icon--fill:nth-of-type(3) { filter: invert(1); -webkit-filter: invert(1); }
  5. Hi, Can you share link to homepage? We can check code easier
  6. Try adding to Design > Custom CSS .image-block * { transform: unset !important; opacity: 1 !important; transition-delay: unset !important; transition: unset !important; }
  7. You can use this CSS div#block-yui_3_17_2_3_1471383568320_25999 { padding-top: 0px; }
  8. I don't know this, but I helped a member yesterday to do similar, but they don't use WeGlot, they used a free code to add 2 languages https://centreduverrecontemporain.squarespace.com/?noredirect
  9. You can consider using List Section Carousel
  10. Try adding to Design > Custom CSS for mobile @media screen and (max-width:640px) { body.homepage section#page { position: absolute; top: 0; left: 0; width: 100vw; overflow: hidden; } body.homepage { overflow: hidden !important; } }
  11. Suppose the image name is: mountain.png and your domain is: amy.squarespace.com You can follow this guide to upload image https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files When you've uploaded it, the image url will be: https://amy.squarespace.com/s/mountain.png
  12. Add to Design > Custom CSS .tweak-product-basic-item-text-alignment-center .ProductItem-details .product-variants { width: 90% !important; }
  13. I see you figured it out?
  14. Add to Page Header <style> .header-mobile-logo img { content: url(https://cdn.pixabay.com/photo/2023/05/21/20/21/meadowsweet-8009380_640.jpg); } </style>
  15. You mean hover on each accordion item >> change whole section color (red box)?
  16. Add this code under @media screen and (max-width:640px) { .index-section .index-item-title:after { font-size: 12px !important; } }
  17. If resize in mobile, gap will appear, or you can consider another approach is move image to left or right a bit on mobile to make image a bit better. If you want this, I can give the code
  18. You can use some CSS like this (Design > Custom CSS) h2.list-item-content__title { font-family: 'goldenbook' !important; }
×
×
  • 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.