Notifications
Clear all

boxes in place of icons

2 Posts
2 Users
0 Reactions
1,296 Views
Sam
Posts: 19
 Sam
Customer
Topic starter
(@samg1205)
Member
Joined: 8 years ago

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
(@elvina)
Support
Joined: 5 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