I am using the extended layout. I want to change the colors of the font-awesome icons to be different colors for different icons.
Example: I want the fa-comments icon to be green when there are no new posts and blue when there are new/unread posts, AND I want the icon I use for information to be pink when there are no new posts and red when there are new posts.
This is just an example, but I want to be able to change both colors of each icon.
Is this possible?
You can customize the colors using CSS
An example
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum .wpfcl-0 {color:#29b21d !important;} #wpforo #wpforo-wrap .wpfl-1 .wpf-unread-forum .wpforo-forum-icon i, #wpforo #wpforo-wrap .wpfl-1 .wpforo-subforum .wpf-unread-forum i{ color:#ff6600 !important;}
Thank you @tutrix !
One follow up question - is it possible to have different colors for different icons also? Or does every icon have to be the same color for no new posts and the same different color for unread posts?
You can also format the icons directly by using the "class" instead of the general "i".
Example Footer Icons
.wpf-no-new .fas.fa-comments { color: #f00 !important; } .wpf-new .fas.fa-comments { color: #34b605 !important; }
Use the browser developer tools to see which CSS path to use.