Icon of the Reply button not showing

#1 · June 6, 2019, 2:27 pm

Hi,

I have a weird behavior.
The forums are working fine, but only 1 icon is not showing. The one of the Reply button (cf. attached screen shot).

Any idea?
It looks not related to the theme as it’s showing on another site with the exact same theme :/

Thanks!

Uploaded files:

#2 · June 6, 2019, 2:59 pm

Hello @ftp

Can you provide me a link to your website so I can check out the style-definitions for the button? Because this issue only happens on the reply-button, you have to enable guest-postings or create an account for testing-purposes for me.

If you dont want to share this information with the public, you can also contact me at: developer (at) thomasbelser.net

I guess this issue is caused by another plugin or maybe a styling-rule of your theme – mostly in combination with another instance of the FontAwesome library shipped with one of those components.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#3 · June 6, 2019, 3:20 pm

Done via email 😉

#4 · June 6, 2019, 4:14 pm

The problem is caused by a clash between FontAwesome 4 and 5. I suggest you to add the following code to Forum – Appearance – Custom CSS to fix this issue:

.fa-reply:before {
content: “\f3e5” !important;
}

Yep, that’s it! Fixed.

But it’s weird. Why a conflict in between FontAwesome 4 and 5? In the settings it’s 2 check boxes, not radio boxes. Can’t they work together?
And I also had the issue while FontAwesome 4 was disabled. Never tried FontAwesome 5 disabled. I’ll try.

Thanks for the very quick and efficient fix! 🙂

#5 · June 6, 2019, 4:58 pm

Ok I’ve done some tests:

Without your fix

FontAwesome 4 on & 5 on: only the Reply icon is not displayed
FontAwesome 4 off & 5 on: only the Reply icon is not displayed
FontAwesome 4 on & 5 off: no icon is displayed

With your fix

FontAwesome 4 on & 5 on: all icons are properly displayed
FontAwesome 4 off & 5 on: all icons are properly displayed
FontAwesome 4 on & 5 off: no icon is displayed

#6 · June 9, 2019, 7:05 am

Hello @ftp

Asgaros Forum uses FontAwesome 5, but a lot of themes or other plugins come with FontAwesome 4. Thats why I also have to load some compatibility-layer (it makes v4 icons work as well with v5, its not a v4 replacement) to solve a lot of display-issues. I am not 100% sure why this doesnt seem to work with one of those icon but I guess its caused by the priority or time on how a couple of styles get applied/loaded.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#7 · June 20, 2019, 12:50 pm

Quote from Asgaros on June 9, 2019, 7:05 am

Hello @ftp

Asgaros Forum uses FontAwesome 5, but a lot of themes or other plugins come with FontAwesome 4. Thats why I also have to load some compatibility-layer (it makes v4 icons work as well with v5, its not a v4 replacement) to solve a lot of display-issues. I am not 100% sure why this doesnt seem to work with one of those icon but I guess its caused by the priority or time on how a couple of styles get applied/loaded.

I had the same problem and the code solved it for me.

.fa-reply:before {
content: “\f3e5” !important;
}
Thank you very much for your forum and for your help.

Asgaros has reacted to this post.