Issues with Layout 484: Scroll Interaction and Custom Fonts Warning

I'm using Layout 484 on a site, but there doesn't seem to be any scroll interaction. I just pasted in a fresh version to try again and got an alert that custom fonts had to be renamed for copying cross-site. Unsure what that even means

10 comments

Matt J.
·
Emily M. Would you mind sending a read-only link?
Emily M.
·
https://preview.webflow.com/preview/africa-golf-safari?utm_medium=preview_link&utm_source=designer&utm_content=africa-golf-safari&preview=bb03f6fe414206ea420a317ebcf4add2&pageId=6659f2cd9d1270221b96d514&itemId=665ccffc3ab288aedd408281&locale=en&workflow=preview
Matt J.
·
Emily M. ah looks like the component classes were renamed, so we just need to update the code embed to reflect those names.
👌1
Emily M.
·
Matt J. I tried changing the code so .layout484_text became .scroll-text and section_layout484 became section_scroll-text, but this still didn't work. I then tried copying in the component fresh again, and it isn't working. Here's the read-only link again, if you could take a look at the version I've added to the bottom of the home page, where I haven't renamed the classes. Thanks for all your help!
Matt J.
·
Emily M. would need the published staging URL in order to test as well - will take a look!
Matt J.
·
(I always forget that part with custom code, apologies!)
Emily M.
·
Okay so I didn't realise I needed to check on the published site to see if it was working. So it actually does work, if I use a normal text colour. But when I set a background gradient and set it to clip to text, it doesn't work. The words appear but the initial state is invisible. I don't know how to affect the initial state of the text where the reduced opacity is set. My guess is that I would need to target it and also give it a background gradient + clipping. Could you help me out here?
Emily M.
·
https://africa-golf-safari.webflow.io/
Emily M.
·
Matt J. Could I draw your attention back to this please 🙏
Matt J.
·
yeah this could be tricky - I've added it to my list here.