Jump to content

Sticky Header Change Font Colour

Recommended Posts

Site URL: http://www.elizabeth-curtis.com/overview

Hello everyone

I have a sticky header that changes from transparent to a neutral colour perfectly, however I was wondering if it is possible for the text to change from white to black on scroll as the background colour appears?



The code I am using is


  background-color: transparent important;
  position: fixed!important;
  transition: 0.1s all linear;
  -webkit-transition:background-color .4s;
  -moz-transition:background-color .4s;
  transition:background-color .4s;


.Site-inner{padding-top: 0px;}



Thank you so much for your help. 

Link to comment
  • 4 weeks later...
  • Replies 1
  • Views 2k
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.