c_rissy
-
Posts
31 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by c_rissy
-
Seriously THE BEST! Thank you so much @tuanphan
-
@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; }
-
Ohh sorry @tuanphan, I just updated it to pass to show client. Here is the updated URL https://sarah-ng.squarespace.com/ pw: sarah
-
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)
-
Amazing thank you SO much @tuanphan
-
@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.
-
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?
-
Hi @tuanphan! This code is amazing. Is there any way we can get it to work from videos on vimeo?
-
@tuanphan I'd love your input on this if you have time 🙂
-
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
-
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).
-
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
-
Ohh man, was hoping to use it for sumamry blocks. Any way to code this?
-
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!!
-
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!
-
[Free Share] Custom Hamburger Animation
c_rissy replied to Beyondspace's topic in Customize with code
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?
-
It worked perfectly!! Thanks so much @creedon! 😄
-
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!!
-
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
-
Site URL: https://cat-orca-hdkp.squarespace.com/ Hii, I can't seem to get this element to stick. I used this code but it doesn't seem to work. @media screen and (min-width:640px) { div#page-60ca8a1f11785674c0817e2e .col.sqs-col-4.span-4:nth-child(1) { position: sticky!important; top: 220px; } } PW: brineintopedro
-
@tuanphanyes! I am still working on building out the site and playing around with elements but haven't gotten to media queries yet 🙂
-
Thank you so much @tuanphan! You are seriously so amazing!
-
@tuanphan Yes please! I want to resize the KANTO on scroll. Thanks!
-
Site URL: https://cat-orca-hdkp.squarespace.com/ Hi, I am trying to shrink my logo tagline and branding on scroll. I want the tagline "creative" to shrink and disappear while the branding "KANTO" to shrink and stay fixed on scroll. From this: To this: PW: brineintopedro
-
Footer reveal on scroll & change layout of footer on mobile
c_rissy replied to c_rissy's topic in Site Design & Styles
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; } }
