Font awesome with WPDiscuz

[sven2]

Hi,

We are using WP Discuz for the comments on our page and it uses font awesome 5, which comes integrated with the pro theme. It also offers an option to disable the font awesome loading of WP Discuz, as it is already loaded with the pro theme.

However, if I disable the font awesome loading of WP Discuz, the WP Discuz icons are not working anymore. I have had similar problems with custom coded pages.

The problem seems to be related to the fact that the pro theme does not use the normal font awesome integration like “” but the data x icon one.

Is there any way to solve this, so we do not need to load the same font awesome fonts twice?

[ruenel]

Hello @sven2,

Thanks for writing in! If you are not using any Font icons in your site, you can actually disable the Font Awesome so that the one in the WP Disqus plugin can be loaded and displayed in your comments section. To do that, simply go to X/Pro > Theme Options > Miscellaneous > Font Awesome. You should be able to turn ON/OFF the Font awesome that is built-in the theme.

Hope this helps.

[sven2]

Hi Ruenel,

Unfortunately that does not solve the problem, as I am using the cornerstone icons and WP Discuz is also using icon. So disabling the pro theme font awesome in the settings does not work for me.

But I would assume there should be some way to fix this? It doesnt really make sense to me to load the same font twice, it is is the same font?

Cheers,

Sven

[tristup]

Hi Sven,
Thanks for reaching out.

There might be a few different reasons for this issue, I would suggest you troubleshoot a few common issues:

1. Testing for Plugin Conflict
2. CSS/JS Customization
3. Disabling Cache
4. Child Theme Issue

If none of these helps, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Admin URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[sven2]

Hi Tristup,

One of our programmers fixed it. If anyone else has this problem and wants to fix it, from what I understand the problem is that the Pro theme uses font awesome pseudo elements and its own classes to display the icons.

In order to fix it, we had to add this code to our functions.php:

=======

/* fontawesome classes /
add_action( ‘wp_enqueue_scripts’, ‘enqueue_load_fa’ );
function enqueue_load_fa() {
wp_enqueue_style( ‘load-fa’, get_stylesheet_directory_uri().’/font-awesome/css/all.css’ );
}
/ End fontawesome classes */

We basically load the official font awesome all.css again (and link to the Cornerstone assets font awesome folder). With this fix, it works like a charm and the font awesome libraries are only loaded once now.

Have a great weekend!

[nabeel]

Hey @sven2,

We’re glad that you sorted it out and thank you for sharing the solution with us.

Cheers!