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

[Solved] How do I change online light bulb icon

7 Posts
3 Users
2 Reactions
3,845 Views
Tattootroy
Posts: 14
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
(@tattootroy)
Eminent Member
Joined: 8 years ago
[#6492]

Hello can you tell me how to change the online, off line light bulb icon.

I want to change the icon to a green ball circle when online 


6 Replies
Robert
Posts: 10736
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

Please let me know which Font Awesome icon you'd like to use instead of current one?

https://fontawesome.com/icons?d=gallery&m=free


1 Reply
(@pierreledeveloppeur)
Joined: 8 years ago

Eminent Member
Posts: 17
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
Posted by: Robert

Please let me know which Font Awesome icon you'd like to use instead of current one?

https://fontawesome.com/icons?d=gallery&m=free

No it's false // In css 🙂 it's possible and easy ! :

 

i.far.fa-lightbulb.wpfsx.wpfcl-8 {
Element /// CSS background, color, :) = EDIT
}

Tattootroy
Posts: 14
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
(@tattootroy)
Eminent Member
Joined: 8 years ago
Posted by: Robert

Please let me know which Font Awesome icon you'd like to use instead of current one?

https://fontawesome.com/icons?d=gallery&m=free

Hi I want to use this icon 

fa-camera

https://fontawesome.com/icons/camera?style=solid


Tattootroy
Posts: 14
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
(@tattootroy)
Eminent Member
Joined: 8 years ago
Posted by: PierreLedeveloppeur
Posted by: Robert

Please let me know which Font Awesome icon you'd like to use instead of current one?

https://fontawesome.com/icons?d=gallery&m=free

No it's false // In css 🙂 it's possible and easy ! :

 

 

i.far.fa-lightbulb.wpfsx.wpfcl-8 {
Element /// CSS background, color, :) = EDIT
}

Hi, can you explain a bit more ?


Robert
Posts: 10736
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

Try this. Navigate to Dashboard > Forums > Settings > Styles admin page. Put this CSS code in Custom CSS Code textarea, save it, delete all caches and press Ctrl+F5 on forum front-end:

.fa-lightbulb:before {
     content: "\f030";
     font-weight: 600;
}

Page 1 / 2
Share: