Notifications
Clear all

wpForo 1.x.x [Solved] How do I change online light bulb icon

7 Posts
3 Users
2 Reactions
2,440 Views
Tattootroy
Posts: 14
Topic starter
(@tattootroy)
Eminent Member
Joined: 6 years ago

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: 10587
Admin
(@robert)
Support Team
Joined: 9 years 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: 6 years ago

Eminent Member
Posts: 17
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
(@tattootroy)
Eminent Member
Joined: 6 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
(@tattootroy)
Eminent Member
Joined: 6 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: 10587
Admin
(@robert)
Support Team
Joined: 9 years 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