Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by c_rissy

  1. Seriously THE BEST! Thank you so much @tuanphan
  2. @tuanphan I was able to get it to shrink but it has a weird glitch where it goes to the right side of the page first. Can you help me figure out why? site: https://sarah-ng.squarespace.com pw: sarah This is the code I used: .header-title-logo img { width: auto; max-width: 900% !important; max-height: 331px; position: absolute; right: 160px; top: 300px; } header#header img { transition: all 0.8s; } header#header.shrink img { max-height: 60px; transition: all 0.8s; left: 780px; top: 1px; }
  3. Ohh sorry @tuanphan, I just updated it to pass to show client. Here is the updated URL https://sarah-ng.squarespace.com/ pw: sarah
  4. Heyy! I'd love to achieve the effect of a large image logo shrinking on scroll. Similar to this: https://www.byondesign.com/global/ The site I'm working on for it is: https://kumquat-butterfly-r966.squarespace.com PW: sarah (cc: @tuanphan)
  5. Amazing thank you SO much @tuanphan
  6. @tuanphan GENIUS! It worked!! Thank youuu Here is the site I'm working on: https://kumquat-butterfly-r966.squarespace.com/ PW: sarah It seems to work only on 1 video and won't work on the video below it. I added in the exact same code from the first one.
  7. Thanks so much for your reply@tuanphan unfortunately my client doesn't have a paid account. Is there any alternative? Or is there a way to get the direct URL if I upload the videos to the Asset Library on Squarespace?
  8. Hi @tuanphan! This code is amazing. Is there any way we can get it to work from videos on vimeo?
  9. @tuanphan I'd love your input on this if you have time 🙂
  10. Hii, I'm wondering if this is a glitch or if there is some kind of solve within the site styles or maybe even potentially with CSS. On mobile, when you open and close the hamburger menu, the font momentarily shows the default font before the custom font I uploaded. mobile-nav-glitch.mp4
  11. Is there any way to jump to the top of a product page? Since I can't add another purchase button to the additional info part of a product page, I am adding a button at the bottom of the page that would jump to the Add to Cart button at the top. But when I use the #item ID as an anchor link, it jumps to the additional info part of the page (not to the very top).
  12. Heyy! Is there a way to make a Squarespace block appear when you hover over another Squarespace block? I have a scrolling marquee block. When I hover over it I want another marquee block to appear above it. Something like this https://likely-story.co.uk/projects/ Help would be greatly appreciated! Thank youu
  13. Hey! For summary blocks, I know that the rollover image on hover is the first image of the blog post. Is there any way to set the 2nd image of the blog post as the image the shows on hover in the summary block thumbnail? I know that there is CSS code to set a new image by adding the image to the custom CSS but I have a database of 100+ posts that I want to change for all and adding a code with an image for each would just be too much for. Thanks in advance!!
  14. Struggling hard with this same issue! Working on a client site that has been a member of Squarespace before they hired me and it pains me to have to tell them they are paying for a service that doesn't fulfill their needs. All the workarounds make for bad user experience. Hoping for a solution soon!
  15. Heyy @bangank36! I was hoping to use this resource to play around with animated hamburger menus but the page doesn't have any menu options to choose from, which means no code is generated. Is this still available or could you share how it works?
  16. It worked perfectly!! Thanks so much @creedon! 😄
  17. Site URL: http://www.jjosuephotography.com/ site: http://www.jjosuephotography.com/ password: charlie There are 2 pages that I can't get the Sticky property to work. I know there are times when overflow: hidden affects it but I don't have it anywhere in my code so I'm thinking maybe it's the parent? Could really use some help trying to figure this out. Page: Mini Series I want the right column to be sticky so scrolling only the left side scrolls Page: About I want the left side to be sticky so when scrolling only the right side scrolls Any and all help is appreciated!!
  18. Hey @tuanphan! Would you be able to extract the code for the cursor to use on Squarespace? Not sure how to plugin Babel 😄 https://codepen.io/mendieta/pen/WgvENJ
  19. Awesome! Thanks @tuanphan, that code worked for the links to go side by side. YAY! For Q1: I tried this code but it didn't work @media only screen and ( min-width: 640px ) and ( max-width: 768px ) { .Site { margin-bottom: 505px; /*This may to be adjusted depending on the content of your footer*/ } .Footer { position: fixed; z-index: -1; height: 505px; /*This may to be adjusted depending on the content of your footer*/ width: 100%; bottom: 0; } .Footer-inner { position: fixed; width: 100%; bottom: 0; padding: 10px 0; } } @media only screen and ( min-width: 768px ) { .Site { margin-bottom: 605px; /*This may to be adjusted depending on the content of your footer*/ } .Footer { position: fixed; z-index: -1; height: 605px; /*This may to be adjusted depending on the content of your footer*/ width: 100%; bottom: 0; } .Footer-inner { position: fixed; width: 100%; bottom: 0; padding: 10px 0; } }
  20. Site URL: http://coooooffee.squarespace.com Heey, 2 things: 1. I want to have the footer hidden and revealed on scroll when you get to the bottom of the page. I tried the instructions of this forum https://forum.squarespace.com/topic/180899-footer-reveal-on-scroll/ but it didn't work. I also tried playing around with z-index which worked but then none of the links were clickable. 2. When in mobile view, the 2 blocks in the footer stack. Is there any way to keep them side by side like how it is on desktop? TY!! Website: coooooffee.squarespace.com PW: brineintopedro
  • 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.