AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Closed] How to change color of icon unread topics

2 Posts
2 Users
1 Reactions
1,750 Views
Posts: 9
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@remco)
Active Member
Joined: 6 years ago
[#11825]

Hi there,

I searched the whole forum and i cant to seem to find one thing.
How to change the color of the Font-awesome icons of unread topics or posts.
The default is grey and black, but for example i want it to be red if its unread.

Years ago i had a phpbb forum and it was easy to change the icons. Just upload them in the right folder and that was it.

See attached file.

I apriciated you help.

Schermafbeelding 2020 01 26 om 12.47.02

1 Reply
Robert
Posts: 10733
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@robert)
Support Team
Joined: 2 months ago

Hi @remco,

You can change unread forum icons using this CSS code. Put this in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea. Save it, delete all caches and press Ctrl+F5 on forum front-end to reset browser cache:

#wpforo #wpforo-wrap .wpfl-1 .wpf-unread-forum .wpforo-forum-icon i, 
#wpforo #wpforo-wrap .wpfl-1 .wpforo-subforum .wpf-unread-forum i,
#wpforo #wpforo-wrap .wpfl-2 .wpf-unread-forum .wpforo-forum-icon i,
#wpforo #wpforo-wrap .wpfl-2 .wpforo-subforum .wpf-unread-forum i,
#wpforo #wpforo-wrap .wpfl-3 .wpf-unread-forum .wpforo-forum-icon i,
#wpforo #wpforo-wrap .wpfl-3 .wpforo-subforum .wpf-unread-forum i {
     color: #009900 !important;
}

Share: