Jump to content

tuanphan

Circle Member
  • Posts

    64,861
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Yes. But you can use this shorter code /* this code will apply all items */ a.grid-item .grid-image-inner-wrapper { background-size: cover; background-repeat: no-repeat; background-position: center center; } a.grid-item:hover img { opacity: 0; } /* you can edit below code */ a.grid-item[href="/films/director-reel-2024"] .grid-image-inner-wrapper { background-image: url(https://static1.squarespace.com/static/64382eed1c35456fd1ce5b34/t/65b926225b27dc7fe8b06d07/1706632744209/Director_Reel_01.gif); } a.grid-item[href="/films/director-reel-2024"]:hover img { opacity: 0; }
  2. I don't see accordion on homepage. Can you take a screenshot? https://experiencenve.com/
  3. Can you share link to shop page?
  4. If you still can't fix this, you can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:1024px) and (min-width:768px) { .fe-block-yui_3_17_2_1_1712597396422_47239 { grid-column-start: 17 !important; grid-column-end: 20 !important; } }
  5. You mean these effects? https://codepen.io/ahmedbeheiry/pen/aBdezY https://ranunculus-fish-fhr3.squarespace.com/?noredirect
  6. I tried checking some screen sizes on homepage, and all show fine
  7. You can use this code to Custom CSS box @media screen and (max-width:767px) { h2.item-pagination-title { font-size: 16px !important; } }
  8. You can use this code to Custom CSS box [data-section-id="660ce1e61999ff44e187c01d"] .newsletter-form-field-element { border-color: #fff !important; text-align: center !important; }
  9. Add this code to top of Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
  10. You can use this code to Website > Website Tools > Custom CSS body.homepage .gallery-slideshow { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%) !important; width: 100%; }
  11. Don't remove any code in your CSS box, add this code to CSS box @media screen and (max-width:767px) { body#collection-65fc9bf1c73e51445842803e { .gallery-grid-item img { min-height: 135px; position: static !important; } .gallery-grid-item-wrapper { padding: unset !important; height: auto !important; } a.gallery-grid-image-link { position: static !important; } }}
  12. If you have ttf, woff, woff2, you can upload it and send url, I will give new code to declare all formats https://www.thegalleryhousebedford.com/
  13. The code for above page only, each page has a different ID, so if you use same code for your site, it won't work. You can share link to portfolio page on your site, I can adjust ID easier
  14. You can add this code under my code .header-nav-folder-content { margin-top: 10px; } Grey bar Something like this?
  15. You can share link to page where you use masonry gallery, we can give a code to achieve this
  16. You mean change left/right arrows of this site? https://www.photosbyjorge.com/ and make slideshow on homepage automatically cycle every 4 seconds?
  17. You can use this CSS code .user-items-list-item-container[data-section-id="65f108060484c634eaa1a0e3"] h2 { min-height: 45px; }
  18. You can use this code to Website > Website Tools > Custom CSS div#block-yui_3_17_2_1_1711636117865_8248 .embed-block-wrapper { overflow: hidden; padding-bottom: 90% !important; } div#block-yui_3_17_2_1_1711636117865_8248 iframe { width: 100% !important; top: -70px; }
×
×
  • 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.