Some Icons are Rectangles - How-to and Troubleshooting - wpForo 2.0

RE: Some Icons are Rectangles

Chozen1 — Sun, 23 Feb 2020 18:23:17 +0000

@Robert,

You're the Man! That fixed me right up! You're a true blessing to WPForo!

Thank You!

God Bless You!!!

RE: Some Icons are Rectangles

Chozen1 — Sun, 23 Feb 2020 17:48:42 +0000

@robert,

I will make changes shortly.

Thank you, Look forward to talking to you soon…

RE: Some Icons are Rectangles

Robert — Sun, 23 Feb 2020 17:14:32 +0000

@chozen1,

Do you know that your website theme uses a very old outdated Font-Awesome Lib? Its outdated lib affects all wpForo icons. We recommend either:

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:

https://wpforo.com/wp-content/uploads/2020/02/wpForo-Enable-Font-Awesome-Icons-for-whole-site.png

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. So you should remove the old CSS code we provided before. i mean this CSS code should be removed:

#wpforo #wpforo-wrap .fa-reply::before {
      content: "\f112" !important;
}

RE: Some Icons are Rectangles

Chozen1 — Sun, 23 Feb 2020 03:34:00 +0000

@sofy,

I am still having the same problem.

Thank you, Look forward to talking to you soon…

RE: Some Icons are Rectangles

Sofy — Sat, 22 Feb 2020 13:05:31 +0000

@chozen1,

Try the following CSS code. It should solve the issue:

.fas{
   font-family: "Font Awesome 5 Free" !important;
   font-weight: 900 !important;
}

The CSS code should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.

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

RE: Some Icons are Rectangles

Chozen1 — Sat, 22 Feb 2020 12:49:05 +0000

@alvina

https://www.praiseandworshipgod.com/community/

RE: Some Icons are Rectangles

Alvina — Sat, 22 Feb 2020 08:43:59 +0000

Hi @chozen1,

Please leave the example URL to allow us to check it.

Some Icons are Rectangles

Chozen1 — Sat, 22 Feb 2020 04:47:07 +0000

Hello earlier this week you helped me fix my posts icon by using this code.

#wpforo #wpforo-wrap .fa-reply::before {
content: "\f112" !important;
}

That worked for posts icon but some of my other icons are still rectangles which includes: Latest Post:, Unread Posts, and Login Button. Can you please help me?

Thank you, Look forward to talking to you soon…

Screen-Shot-2020-02-21-at-9.46.19-PM.png