Jump to content

FTWSGEM

Member
  • Posts

    83
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

FTWSGEM's Achievements

  1. Does this target all accordion blocks site-wide? Is it possible to only target a specific page?
  2. I had the links showing as visible. I deleted them all and redid one to show.
  3. Hello, For some reason, my social icons seem to have disappeared. The box shows and also changes size/shape to replicate the settings (testing to ensure it was reactive )however, the icons themselves are nowhere to be seen. I want to create a floating social bar on the left of my site but I can't do this when they don't show 😞 Any ideas what I have done wrong? https://dinosaur-horse-8k34.squarespace.com/config/?frameUrl=%2F Pw: notyet
  4. @Jia would you happen to know the code to keep this on a continual loop?
  5. Thank you, it seems to have stopped the other galleries but also the one I aim to target.
  6. https://dinosaur-horse-8k34.squarespace.com PW: notyet I have a gallery block on my homepage which is a folio of scrolling logos. The code I used is: section[data-section-id="660306201b192a3d5c8ecd97"] { line-height: 2 !important; overflow-x:hidden } .gallery-grid-wrapper { display:flex !important; animation: slideshow 40s linear infinite } .gallery-grid-wrapper .gallery-grid-item { min-width: 20%; margin-right: 5% } @keyframes slideshow { 0% { left: 0; } 100% { left: -125%; } } However, it now seems to be targeting all galleries on the site. I have some not linked pages which have a small gallery on, for example: https://dinosaur-horse-8k34.squarespace.com/ranchroastedcoffee which now also scrolls even though I have added the section ID for the block on the homepage.
  7. //SCROLL ARROW// .arrow{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .arrow span{ display: block; width: 30px; height: 30px; border-bottom: 3px solid #000; border-right: 3px solid #000; transform: rotate(45deg); margin: -10px; animation: animate 1.8s ease infinite; } @keyframes animate { 0%{ opacity: 0; transform: rotate(45deg) translate(-20px,-20px); } 50%{ opacity: 1; } 100%{ opacity: 0; transform: rotate(45deg) translate(20px,20px); } } https://dinosaur-horse-8k34.squarespace.com/ PW: notyet
  8. <style> .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> I have the above code which works great on inverting the logo, however, I can't find the right code to target the hamburger 😞
  9. This gives me a syntax error 😞
  10. I have implemented a forced custom hamburger which works great. However, on some pages, I need to invert this (along with the logo) to show better. Is it possible when using a custom image? https://dinosaur-horse-8k34.squarespace.com/ranchroastedcoffee Pw: notyet
  11. Thank you so much @Shadmon
  12. @tuanphan is it possible to do this with an image that is not an arrow? I followed the code above and used a drawing of mine (finger pointing down) but there is now no longer any animation to it?
  13. @tuanphan @Ziggy @Shadmon - any ideas guys? Desperate to get this to work 😞
×
×
  • 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.