Jump to content

tuanphan

Circle Member
  • Posts

    64,859
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Can you share link to this site? We can check problem easier
  2. Since it is an option of SS, I don't know to achieve this, but I guess it will require a complex CSS and JavaScript code.
  3. It is Google Font, you can download it here https://fonts.google.com/specimen/Spectral
  4. The video section will be first section or? If first, it will be easier, I can create a quick demo, then if you are okay, I will send code With another position, you can add a section with Video Background then share site url, I will give some code to achieve similar effect (not same 100%)
  5. I think you can use custom code to achieve this. If you describe in more detail + share site url, I will try testing some code.
  6. You can use this CSS code a.blog-categories[href="/recipes/category/All"], a.blog-categories[href="/recipes/category/All"]+span { display: none; }
  7. Your site is private. You can follow this guide to share correct url.
  8. #1. Follow #3 code #2. What is site url? We can check easier
  9. Users need to hover on it. To make auto-scroll, let me test some code and let you know
  10. You can use this code to Website > Website Tools > Custom CSS div.entry-dateline { display: none; }
  11. Did you remove previous code? You need to keep both code, and add new code under previous code
  12. First, you need to enable Gallery Grid Caption Next, add some Text Next, use this code to Website > Website Tools > Custom CSS figcaption.gallery-caption.gallery-caption-grid-simple { background-color: rgba(0,0,0,0.5); position: absolute; bottom: 0; text-align: right; padding: 0 !important; } figure.gallery-grid-item { position: relative; } figcaption.gallery-caption.gallery-caption-grid-simple p { color: white; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; } Result
  13. Can you share link to site where you want to apply this effect, we can check code easier
  14. With Header, use this code to Website > Website Tools > Custom CSS header#header a.icon[href*="warpcast"] { background-image: url(https://static1.squarespace.com/static/66185d42e9845f297b4d7dd5/t/661ffc93737a253f769db565/1713372307528/warpcast+bw.png); background-size: 100%; background-repeat: no-repeat } header#header a.icon[href*="t.me"] { background-image: url(https://static1.squarespace.com/static/66185d42e9845f297b4d7dd5/t/66203d3ea92e4d34ce745446/1713388862578/telegram+black.png); background-size: 100%; background-repeat: no-repeat } header#header a.icon[href*="t.me"] svg { display: none; }
  15. You can use this new CSS code body#collection-659478f9fc420f3254c5d2d1 .summary-title-link { pointer-events: none; }
  16. I tried checking and it looks fine. Did you solve problem?
  17. Add this code under <style> [data-expanded] section { height: auto !important; } [data-expanded] section[aria-hidden="true"] { height: 0 !important; } </style>
  18. You try remove Icons > Save > reload site > Add again > Save If problem still appears, I think you can consider using Code Block to add Social (if you want this, I can provide the code)
  19. First, change left to right Next, add this code under footer .socialaccountlinks-v2-block nav { align-items: flex-end !important; }
  20. You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { .header-title-logo img, .header-title-logo a { max-height: 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.