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] I can't use my own png icons, jpg?

4 Posts
3 Users
0 Reactions
1,830 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
(@freelancer)
Active Member
Joined: 7 years ago
[#7242]

I can't use my own png icons, jpg?
I don't want to use fontawesome icons

Is it possible?


3 Replies
Sofy
Posts: 5774
 Sofy
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
(@sofy)
Support Team
Joined: 8 years ago

Hi freelancer,

I'm sorry, but not, you can use only Font Awesome icons for this purpose. 


scotty
Posts: 5
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
(@scotty)
Active Member
Joined: 7 years ago

It is possible, but a little bit of a pain. You need to use a little custom CSS and then change the forum icon setting.

1. For every custom icon, you should have two versions, one for read and one for unread.  Then insert custom CSS in Forums>Settings>Styles:

.wpf-unread-forum .icon1 {
color: transparent!important;
width:32px;
height:32px;
background:url( https://example.com/icons/icon1_unread.png )
}

.icon1 {
color: transparent!important;
width:32px;
height:32px;
background:url( https://example.com/icons/icon1_read.png )
}

Of course using your own image URL and dimensions.

2. Then in Forums>Forums edit each forum, and in the Forum Icon text box, simply insert 'icon1' in place of the font-awesome one.  At least the current wpForo code will insert the 'icon1' class in the <i> element.

You will need to do this for each and every custom icon you wish to use.


1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5774
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

Thank you for sharing this information scotty. 


Share: