Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. You can use this code to Custom CSS box @media screen and (max-width:767px) { h2.item-pagination-title { font-size: 16px !important; } }
  2. 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; }
  3. 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>
  4. 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%; }
  5. 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; } }}
  6. 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/
  7. 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
  8. You can add this code under my code .header-nav-folder-content { margin-top: 10px; } Grey bar Something like this?
  9. You can share link to page where you use masonry gallery, we can give a code to achieve this
  10. You mean change left/right arrows of this site? https://www.photosbyjorge.com/ and make slideshow on homepage automatically cycle every 4 seconds?
  11. You can use this CSS code .user-items-list-item-container[data-section-id="65f108060484c634eaa1a0e3"] h2 { min-height: 45px; }
  12. 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; }
  13. Can you share link to this page? We can check easier
  14. For example first item, you used this code a.grid-item[href="/films/director-reel-2024"]:hover img { content: url(https://static1.squarespace.com/static/64382eed1c35456fd1ce5b34/t/65b926225b27dc7fe8b06d07/1706632744209/Director_Reel_01.gif) } you can change it to 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); background-size: cover; background-repeat: no-repeat; background-position: center center; } a.grid-item[href="/films/director-reel-2024"]:hover img { opacity: 0; }
  15. With your case, use this code iframe[src*="youtube"] { width:100% !important }
  16. I don't know how to do this, you try creating new thread on Coding category. I thought you want to change 2 arrows to 2 dots
  17. Your site is private, we can't access it, you can access this guide to know how to share url
  18. To make same line, use this CSS code @media screen and (max-width:767px) { .sqs-announcement-bar-text { padding-left: 5px !important; padding-right: 5px !important; } }
  19. You can use this code to Website > Website Tools > Custom CSS .header-menu-nav-folder-content { justify-content: flex-start !important; }
  20. You can change it in Site Styles, no need code Click Assign Styles and scroll down to this
×
×
  • 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.