Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Sticky Header Change Font Colour



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 post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0

Would you not just add color: black !important to the .on-scroll selector? So it would be: 

  background-color: #f6f3ef!important;
  color: black !important; 


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...