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] Custom badge icons/images?

3 Posts
2 Users
3 Reactions
1,420 Views
Posts: 2
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
(@vaiiav)
New Member
Joined: 5 years ago
[#14969]

Is there a way I can change a user's badge to something other than a fontawesome icon? Custom png, or another icon of my choosing? Thank you!


2 Replies
Tutrix
Posts: 1519
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
(@tutrix)
Noble Member
Joined: 6 years ago

@vaiiav

you can replace the fontawesome icon with css "background"

Example i replace your half-star here in the forum with garfield 😉 

Video = https://www.screencast.com/t/zeXVcZlDw8

search for the code with the browser inspector
you will find this

.fa-star-half::before {
content: "\f089";
}

the replace code looks like

.fa-star-half::before {
content: "";
background: url(/wp-content/uploads/wpforo/avatars/garfield_4.jpg);
background-size: 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
left: 0;
position: absolute;
margin-top: -20px;
margin-left: 35px;
}

add your code to custom css

Dashboard > Forums > Settings > Style (custom css)

 


1 Reply
(@vaiiav)
Joined: 5 years ago

New Member
Posts: 2
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

@tutrix Excellent. Thank you!


Share: