Jump to content

tuanphan

Circle Member
  • Posts

    64,931
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. If you use Personal Plan, add this to Design > Custom CSS .header-nav-item.header-nav-item--collection:nth-child(3) { position: absolute; right: 10vw; } If you use Business Plan or higher, I think we can another better solution to move Services & Contact
  2. Hi. Can you share link to page in screenshot? We can check easier
  3. Add to Page Header <style> h1, h2, h3, h4, p { font-family: Roboto, sans-serif !important; } </style>
  4. Add to Design > Custom CSS /* Leauxfi mobile 4 icons */ @media screen and (max-width:767px) { div#page-section-620a01bb12e07a50b7e99b18>.row:nth-child(2)>.col { width: 25% !important; float: left !important; } } It looks complex. I will check & let you know soon
  5. I suddenly realized I used to help some members to create hover for videos...and then couldn't click on the video control anymore. If you still haven't solved this yet, you try posting to Squarespace Customization Resource Group on FB
  6. Add to Design > Custom CSS .product-details .variant-option select { font-size: 1.5em; }
  7. Try adding to Design > Custom CSS /* Meet the team */ .user-items-list-item-container[data-section-id="6182c49d2a72a734bd254ccc"] { .list-item-media-inner:after { content: ''; background-color: #FD5001; opacity: 0; z-index: 999; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s; } .list-item-media-inner:hover:after { opacity: 0.5; }}
  8. Try adding to Design > Custom CSS .collection-type-index:not(.auto-color-index-item-bg) .index-item { background-color: rgba(255,255,255,0.5) !important; } .index-item-title .index-item-title-link { color: black !important; }
  9. I see the text has 1 line only. Can you add 2 lines first? Or you need code to add 2 lines + hover effect?
  10. hi, /config is url for site owner. See how to find exact page url
  11. Add to Design > Custom CSS body[class*="collection-type-blog"].view-item header#header { background-color: #f1f !important; }
  12. Can you share link to page where you use accordion? We can check easier
  13. Don't remove any code Add this to Design > Custom CSS .lightbox-caption { bottom: -20px; z-index: 999999; } .gallery-lightbox-item-src { overflow: visible; }
  14. Hi, What is your site url? I checked all comments & dont see url to check
  15. Add to Design > Custom CSS footer.sections header.newsletter-form-header { display: none; } @media screen and (min-width:768px) { div#page-section-61e5e116b0a6b3288a9a5e3c>.row { display: flex; align-items: center; } }
  16. Don't remove any code in your current code Add this to Custom CSS @media screen and (max-width:767px) { div#page-section-615465899e86be5e4ede50cd>.row:nth-child(2)>.span-12 { width: 100% !important; } div#page-section-615465899e86be5e4ede50cd>.row:nth-child(2)>.span-12>.row>.col { width: 50% !important; float: left !important; } }
  17. Can you share link to page in screenshot? We can help easier
  18. In the code you will see some english text - french text. Just change it. If it still doesn't work, paste the code you used here, we will check it again
  19. Try this new code nav.header-nav-list { flex-wrap: nowrap; position: absolute; left: 50%; transform: translateX(-50%); }
×
×
  • 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.