Why aren't my icons changing color?

https://codepen.io/richyrich/pen/JerQKG

Hello I’m using icons from Font Awesome and I’m really wondering why my icons aren’t changing to the specific color I want it to be. As you can see two of the three icons are purple and the twitter icon is blue for some reason. Also as you scroll up the webpage you can see the text heading on top of the picture overlaying the navbar. This is a problem I had with my previous project and was wondering if any of you could help me fix it. Thanks!

It is because of the default styling on <a>

This has the answer to fix your icon colors

https://www.w3schools.com/css/css_link.asp

1 Like