Jump to content

hilary

Circle Member
  • Posts

    13
  • Joined

  • Last visited

Everything posted by hilary

  1. Yes, ideally "this image" will be hyperlinked in an email. When clicked on in the email it will open my website, to an image from my site in a lightbox where the user can then opt to close out the window (X) and continue to peruse the site. In other words, I want to be able to direct them to a specific image on my page (a page that has multiple image blocks) and give them the option to continue to look through my website by having that image open in a lightbox. Right now, this is what I have: this image. And this is the page it's pulling from: https://www.hkportfolio.com/extracurriculars.
  2. I'd like to link directly to an image block already opened in a lightbox. Is this possible? If so, how do it do it? For reference: In an email I'd like to be able to say "refer to this image" and have "this image" hyperlinked to the exact image already opened in a lightbox. They can then 'x' out the lightbox and peruse the sight as necessary.
  3. Does Squarespace Circle have any kind of gallery or showcase where we can share cool code snippits we've employed on our own sites? Like if we adapted something from CodePen to our own site how can I share it with people so they can use it?
  4. Thanks for getting back to me! Bummer...yeah I asked "that-AI-tool-that-shall-not-be-named" and it gave me the following JS, it didn't seem too bad, but you'd have to have access to the Squarespace stylesheet to make it work and I can't figure out how to export that either. Oh well, nice idea! <style> body, html { height: 100%; margin: 0; overflow: hidden; /* Prevents scrollbars */ } .content, .duplicate-content { position: absolute; /* Absolute positioning to stack them */ width: 100%; } .content { top: 0; } .duplicate-content { top: 100%; /* Starts below the original content */ } </style> <script> let content = document.querySelector('.content'); let duplicateContent = document.querySelector('.duplicate-content'); function appendDuplicateContent() { // Clone the original content let clonedContent = content.cloneNode(true); // Append the cloned content to the duplicate content container duplicateContent.appendChild(clonedContent); } // Initially append a duplicate of the content appendDuplicateContent(); window.addEventListener('scroll', function() { const contentHeight = content.offsetHeight; const scrollPosition = window.innerHeight + window.scrollY; if (scrollPosition >= contentHeight) { // When scrolled to the end, append another duplicate appendDuplicateContent(); } }); </script>
  5. Hi! I'm trying to make my homepage scroll endlessly, cycling through the content. Meaning when the user gets to the end of the page content (the bottom) the content from the beginning fills in and essentially the page never stops filling with content...if that makes sense. If not, here is a great example of what I'm talking about: https://ryanstrzok.com/. This is my site: hkportfolio.com Again, I only want this on my homepage no other pages on the site. Any help is greatly appreciated!
  6. @creedon Hmm, ok I tried it both ways - with one image block and then multiple and neither worked for me. This did though: 🤷‍♀️ #block-yui_3_17_2_1_1681922577794_33752:hover, #block-63648473c063af264f4f85f1:hover {filter: drop-shadow(0.15rem 0.15rem 0.04rem rgba(0, 0, 0, 0.5)) }
  7. I think my question is along these lines, if it's not please point me in the right direction... I'd like a drop shadow filter added when the various images are hovered over, but the images are placed sporadically throughout the site. I've tried listing the block IDs, separated by commas, but it doesn't work. Do I have to list the :hover animation separately for each image or can I just list it once and if so, how do I do so? Here's what I have: #block-03cb185697cf6cef5ae8:hover {filter: drop-shadow(0.3rem 0.3rem 0.1rem rgba(0, 0, 0, 0.5)) }
  8. Was anyone able to find a solution for this - turning an accordion on its side/ horizontal accordion? I know you helped with a similar question here https://forum.squarespace.com/topic/214225-slide-tabs-code/. I've searched the forum and maybe I'm not using the correct search terms, but I can't find anything on it.
×
×
  • 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.