How Do I Change Font Awesome Icon Colors?

  • How do i write the css to chance the background, border, and pic of the font awesome icons? I understand how to do it on other icons and elements, but dont quite understand how to write it up for elements that use the before and after code. Hope that makes sense!

    Thank you!

    Link to demo theme (my site isnt live): https://modernthemes.net/demo/?theme=Sensible

Viewing 2 replies - 1 through 2 (of 2 total)

  • On the demo site, if you add

    .fa-linkedin:before {
    color: red;
}

    the linkedin icon will become red

    Thread Starter WhitWhit

    (@whitwhit)

    What Im trying to do is change the background to translucent, and the pic & border to a gradient. I understand how to do the gradient, just not how to target the different parts of font awesome’s icons (other than the pic, thanks to you!). Do you know how to target the rest by chance?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How Do I Change Font Awesome Icon Colors?’ is closed to new replies.