Nick Arthur Nick Arthur - 1 month ago 9
CSS Question

Change color of icon Font Awesome

I downloaded a theme that has font awesome icons on the navbar section. When I try to change the color of that icons it remains the same.

I tried

.fa-home {
color:black;
}


But it doesn't work.

Answer

Try to apply the style to the :before element, where the icon is.

.navbarClass li [class^="fa-"]:before,
.navbarClass [class*=" fa-"]:before {
...
    color: #COLOR;
}
Comments