Jump to content

tuanphan

Circle Member
  • Posts

    63,814
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. Add to Design > Custom CSS /* Product breadcrumbs */ nav.ProductItem-nav { padding-top: 100px; }
  2. Thank you. I forgot to ask, which page are you referring to? I don't see it on home page
  3. Use this new code nav.header-nav-list>div:nth-child(n+4) { position: absolute; right: 0; bottom: 0; } nav.header-nav-list>div:nth-child(4) { right: 0vw; top: 0; } nav.header-nav-list>div:nth-child(5) { right: 5px; }
  4. You can keep it & remove this code, we will test new code to convert this into caption without lost style
  5. With your site, use this CSS (Design > Custom CSS) /* Mobile Overlay width */ .Mobile-overlay-menu { width: 50% !important; }
  6. Try this /* fill section */ [data-current-styles*='"customSectionHeight": 51'] .content-wrapper { padding: 0 !important; }
  7. Hi, You can change ratio on News, then share link to Events & Initiatives, we can use some code to change to another ratio here
  8. Add to Design > Custom CSS. Adjust number 50 for spacing @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(1,1fr) !important; grid-column-gap: 10px; grid-row-gap: 10px; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; margin-bottom: 50px; } .gallery-masonry-item-wrapper { height: 100% !important; } }
  9. You can check permission at Settings > Permissions
  10. Add to Design > Custom CSS nav.header-nav-list { flex-wrap: nowrap !important; }
  11. Add this code to Settings > Advanced > Code Injection > Header <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> and remove this line from Custom CSS
  12. Just add the code to Page Header (Page where you want to popup work with)
  13. Add to Design > Custom CSS /* hover effect */ .portfolio-grid-overlay .grid-item .portfolio-text { transition-duration: 900ms !important; }
  14. Add to Design > Custom CSS div#hs-eu-cookie-confirmation *:not(a) { color: #f1f !important; }
  15. Try adding to Design > Custom CSS div#block-3cf1eefc55e1376a73e5 li:nth-child(3) p:nth-child(3):before, div#block-3cf1eefc55e1376a73e5 li:nth-child(3) p:nth-child(4):before { display: inline-block; content: ""; background-color: red; width: 20px; height: 20px; border-radius: 50%; margin-right: 10px; }
  16. Add to Design > Custom CSS body.homepage .burger-inner { visibility: hidden; }
  17. Use this code @media screen and (max-width:767px) { body.homepage .burger-inner>div { background-color: white !important; } }
  18. Use this new code /* Force desktop menu on Tablet - Version 1 */ @media screen and (max-width:991px) { .header-display-desktop { display: flex !important; } .header-display-mobile { display: none; } .header-burger { display: none; } .header-nav nav { flex-direction: column; } .header-nav { display: flex !important; flex: 70% !important; justify-content: flex-end; width: 70% !important; } .header-title { flex: 50% !important; } .showOnMobile .header-actions-action.header-actions-action--cart { display: none; } }
×
×
  • 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.