AI Assistant
Notifications
Clear all

boxes in place of icons

2 Posts
2 Users
0 Reactions
2,190 Views
Sam
Posts: 19
 Sam
Customer
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
(@samg1205)
Member
Joined: 9 years ago
[#4851]

I seem to just be getting boxes in place of the icons that you can set under the member fields section such as fa-address-card

Example: https://www.urbanfiction.org/community/profile/ddbridges1407/

Why the skills one shows I have no idea. Please help


1 Reply
Elvina
Posts: 1403
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
(@elvina)
Support
Joined: 7 years ago

Hi @samg1205,

I seem to just be getting boxes in place of the icons that you can set under the member fields section such as fa-address-card

Please, use the following CSS code:

.wpf-label.wpfcl-1 i{
font-family: fontAwesome;
}

There is another CSS conflict. Below is providing CSS code that will solve that conflict as well. 

profile wpforo
#wpforo-wrap .wpf-field-wrap .wpf-field-icon {
top: 5px !important;
font-style: normal !important;
font-family: "fontAwesome";
}

All CSS codes should be added in the Dashboard > Forums > Settings > Styles admin page in the  "Custom CSS Code" textarea.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.


Reply
Share:
Scroll to top