Trawww

Thank you, I tried to implement the HTML and CSS code with the javascript from you on the website, but unfortunately it still does not change the color of the text when scrolling. In addition, it breaks all the page relationships of other images and text. HTML: <h2>Scroll ...</h2> <div class="wrap"> <div class="wrap-container"> <div>Silky<span>Silky</span></div> <div>smooth<span>smooth</span></div> <div>animation<span>animation</span></div> <div>is<span>is</span></div> <div>the<span>the</span></div> <div>hallmark<span>hallmark</span></div> <div>of<span>of</span></div> <div>any<span>any</span></div> <div>library.<span>library.</span></div> <br> <div>Silky<span>Silky</span></div> <div>smooth<span>smooth</span></div> <div>animation?<span>animation?</span></div> <br> <div>GSAP<span>GSAP</span></div> <div>has<span>has</span></div> <div>you<span>you</span></div> <div>covered.<span>covered.</span></div> </div> </div> CSS: body{ margin:0; background-color:grey; height: 3a00vh; } h2{ margin:20px; font-family: sans-serif; color:green; } .wrap{ margin-top: 50vh; display: flex; justify-content: center; } .wrap-container { max-width: 950px; } div{ position: relative; font-family: sans-serif; font-size: 36px; font-weight: 600; text-align: center; } div { display: inline-block; } span{ position: absolute; width: 0; height: 100%; color: #0fd10f; left: 0; overflow:hidden; text-align: center; }

no, I have not yet declared these external libraries, how can I do that?

but since it did not work I have removed this one

All codes I have taken over from CodePen: https://codepen.io/akapowl/pen/zYRqbwm I tried to put the HTML code in the code block, the CSS code in the CSS editor and the javascript with the script brackets in the header so the code injection

I would like the font color to change when scrolling like here : https://codepen.io/akapowl/pen/zYRqbwm unfortunately i can't get the code to work in squarespace. can someone help me ? here is an example page where i wanted to put the code on the home the password is hafenraum https://azalea-grey-ekbk.squarespace.com/

Sorry, I meant to change the font color in the footer for different pages

The color is not the problem I get changed from the footer but the title color remains the same no matter which code I use

But the font colors must then also be adjusted and that does not work. Once white font, once black.

once in css without the style brackets and then in the page code injection with the style brackets

sorry, https://daffodil-cheetah-ans4.squarespace.com/ PW: hafenraum

Can I change the text color in the footer on a page? I have ported the following code, but nothing changes the text color: <style> /* footer text */ footer.sections p { color: #ffffff; } /* footer link */ footer.sections a { color: #ffffff !important; } /* footer socials */ footer.sections .sqs-svg-icon--wrapper { border-color: #ffffff !important; } footer.sections .sqs-use--mask { stroke: #ffffff !important; } </style> I would like to have the white font color on one side and a black on the other

thanks that works but now I can not make the height of the button smaller unfortunately not even with the code #block-ae3af55833c37141eb3e .sqs-block-button-element { padding: 5px 10px; }

I have two buttons under half of an image and want to position them exactly in the center of the images. Can someone help me? site url : https://daffodil-cheetah-ans4.squarespace.com/ PW: hafenraum