Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by nick_sh

  1. You need to make text blue on hover, and position ::before absolutely: .sqs-block-button .sqs-block-button-element--large:hover { color: var(--secondaryButtonBackgroundColor); } .sqs-block-button .sqs-block-button-element--large:hover::before { content: "voir le forfait"!important; color: white; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); }
  2. @mbuishas it might be a cache issue, e.g. Facebook sometimes requires cache to be reset at: https://developers.facebook.com/tools/debug/ ^ Try using this tool and see if images changes. If not, probably it's wasn't changed on the site. Not sure about if it possible to clear imessages cache though.
  3. Are you adding to Custom CSS? It maybe an error before so code isn't processed. Because it works if applied directly to the site.
  4. @graphicabyss This id seems to target a button. Also code doesn't seem to apply although it's correct for hiding.
  5. The flex-start code it correct, it works for me with flex-start. But maybe add !important;
  6. Try removing removing div, it should work: .title span { font-weight: bold !important; }
  7. There are 3 options: 1. You can try redirecting with js from portfolio page itself, not sure how it's treaded by Google though. Try adding to code block: <script> window.location.replace('URL') </script> 2. Alternatively, move portfolio page to not linked, and hide it from SEO. 3. You can add regular sections to portfolio page, so you can just use those and hide the actual portfolio section.
  8. try this code: .blog-item-wrapper .blog-item-inner-wrapper { margin: 0 !important; }
  9. .blog-item-author-profile-wrapper .author-avatar-image { top: 0 !important; left: 0 !important; }
  10. To remove: @media(min-width: 601px) and (max-width: 1200px) { .fe-block-yui_3_17_2_1_1708083773595_75032 { display: none; } } but maybe use one image as @Snowday suggested
  11. @catiewebster no, you don't find body id anywhere, you add directly to portfolio page in settings. [id*="item"] means it will only use single portfolio items (and not a collection page itself) — it means target body id that contains item: From there you can add your classes: [id*="item"] #header { }
  12. Apparently I found a solution long ago, but forgot to post. Single portfolio pages can be targeted via body id that contains item. Code needs to be added in portfolio page settings → advanced → code injection: [id*="item"] ...YOUR CLASSES HERE... { }
  13. They are not supposed to be same size 😅 Add this to Page Header Injection <style> @media (min-width: 768px) { #sections { display: flex; } } </style>
  14. @Katberg try adding this to Code Injection <script> addEventListener("DOMContentLoaded", (event) => { document.querySelectorAll('section[data-section-id="65c38c2f3d8bf72234d2ac79"] a').forEach(link => { link.addEventListener('click', e => { e.preventDefault(); }) }); }); </script>
  15. @mart22 It needs to be Halyard Display book
  16. @media (max-width: 767px) { .checkbox .option { width: 100% !important; } }
  17. @AmandaLJ great to hear, please mark the post with the code as a solution if possible!
  18. Remove fixed header option and add to Custom CSS: .header-burger { position: fixed; }
  19. I believe you can set all the colors in Site Styles (brush icon in top right corner) → Colors per section
  20. you can try adding to Custom CSS #header:hover a, #header:hover img, #header:hover svg { filter: invert(1); } It assumes items are black → they will invert to white. Not sure if it covers all elements though.
  21. Okay, great, for some reason I though it might remove editing possibility 😅
  22. Did you add class to span? Yeah that's also possible
  23. Re:body — I forgot to mention: you need to view with full screen editor (so no admin sidebar is visible → click on arrow in right top corner to expand) or incognito. This will do nothing because you need fluid engine class in your case. Because you make regular block unclickable, but fluid engine block remains. Try this code to see that actual : .fe-block-yui_3_17_2_1_1707856363106_10388 { pointer-events: none; border: 1px solid red; } Here you need dot before the class: .fe-block{ border: 5px solid red; }
  • 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.