Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Trawww's Achievements

  1. 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; }
  2. no, I have not yet declared these external libraries, how can I do that?
  3. but since it did not work I have removed this one
  4. 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
  5. 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/
  6. Sorry, I meant to change the font color in the footer for different pages
  7. 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
  8. But the font colors must then also be adjusted and that does not work. Once white font, once black.
  9. once in css without the style brackets and then in the page code injection with the style brackets
  10. sorry, https://daffodil-cheetah-ans4.squarespace.com/ PW: hafenraum
  11. 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
  12. 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; }
  13. 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
  • 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.