icons not displayin...
 
Notifications
Clear all

wpForo 1.x.x [Solved] icons not displaying correctly

21 Posts
3 Users
4 Reactions
2,405 Views
Posts: 13
Topic starter
(@rainerpuschner)
Active Member
Joined: 3 years ago

Just testing the plugin, but some of the icons are missing? How to fix this?

 

Theme is Salient Theme

20 Replies
Chris
Posts: 3650
(@chris)
Famed Member
Joined: 3 years ago

Hi @rainerpuschner,

1. Find an option in your theme and disable the Font-Awesome Lib. Then navigate to Dashboard > Forums > Settings > Features admin page and enable wpForo Font-Awesome for whole website:

2. OR put this CSS code in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea. Save it, delete all caches and check it.

#wpforo #wpforo-wrap .fas{
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    top: 0 !important;
}
#wpforo #wpforo-wrap .far{
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;
    top: 0 !important;
}
#wpforo #wpforo-wrap .fab{
    font-family: "Font Awesome 5 Brands" !important;
    top: 0 !important;
}

IMPORTANT: The both solutions will fix all icons.

Posts: 13
Topic starter
(@rainerpuschner)
Active Member
Joined: 3 years ago

Thanks for your suggestions. Unfortunately both solutions do NOT work? Same icons as before 🙁

Posts: 13
Topic starter
(@rainerpuschner)
Active Member
Joined: 3 years ago

In firefox i could read the inside of the icon - maybe this helps to track down the problem? F3B1

2 Replies
Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

@rainerpuschner,

Please Provide your Forum URL.

(@rainerpuschner)
Joined: 3 years ago

Active Member
Posts: 13
Posts: 13
Topic starter
(@rainerpuschner)
Active Member
Joined: 3 years ago

Also all form fields look weird

 

 

1 Reply
Chris
(@chris)
Joined: 3 years ago

Famed Member
Posts: 3650

@rainerpuschner,

the problem comes from your theme, try Shuttle iBusiness theme if the problem will be solved try to find another theme which won't make changes on the icons.

Also, pres F12 and open console, you will see that there are lots of Errors in your website.

Page 1 / 2