Using icons in the admin dashboard

Support
#1

Hello,

The icons work fine on the front-end using either of the following:

<i aria-hidden="true" class="x-icon" data-x-icon-s="&#xf019"></i>

[x_icon type="thumbs-up"]

However, when I try to add them to the back-end/admin area they do not show up. How can I enable this to start working? I am trying to add it as an example in my dashboard settings, NOT the front-end.

#2

Hello @tkulow,

Thanks for writing to us.

In case you are trying to add the X icons to the WordPress admin dashboard, I would suggest you use the dash icon to get the best result of the icon. Please have a look at this article to get the icon list.

Hope it helps
Thanks

#3

I am aware of how to use dashicons, but they are not the same as FontAwesome icons. I need to display in my settings which FontAwesome icon they are using in a shortcode on the frontend.

Dashicon version of the download button looks like this:
image

FontAwesome version looks like this:
image

They are a completely different set of icons, so unfortunately your solution is not feasible.

#4

To expand on my answer, here is what I am doing:

I have a shortcode on the front end that displays a download link with a default FontAwesome icon (not dashicon). They put this shortcode on the frontend wherever they want to display the download link.

On the back end I have a settings page that allows them to choose which icon they want by default, so if they don’t want the download icon, they can choose another one. So I need to display the FontAwesome icon (not dashicon) in these settings.

#5

Hi @tkulow,

If you have created a Custom Setting page for your website, you need to enqueue the Font Awesome icons into it. What you are trying is required customization, which is beyond the scope Theme Support. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

#6

Thank you… ? It seems these days providing any sort of customization is “beyond the scope of theme support.” You guys had much better responses in the past with code blocks of all sorts, but now we just need to hire someone else to figure things out. Can you at least provide the font awesome path available for me to enqueue? It’s not that difficult. I’ll write the rest of the code.

#7

Hi @tkulow,

I would suggest you download and add the custom Font Awesome file into any folder in the Child Theme and use the same path for enqueuing it.

Thanks

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

#9

Hey @tkulow,

I just want to respond to your concern:

Before, things were simple. And, custom coding was not abused back then. Over time, more and more customers want all sorts of customization. That is not sustainable and is unfair for other customers having issues.

Thank you for understanding.