Problem with FontAwesome ver. 5 icons

[danielemeo]

Hi, I updated the theme X to version 6.2.2 and now I have a problem with the icons that I have included in the site menu items.

Before I used this code:

<i class="icon-servizi x-icon x-icon-wordpress" data-x-icon="&#xf19a;" aria-hidden="true" ></i>
<i class="icon-servizi x-icon x-icon-question-circle-o" data-x-icon="&#xf29c;" aria-hidden="true" ></i>

I saw that FontAwesome was updated to version 5 but I did not understand how to change the code.

[alexander]

Try doing this:

<i class="icon-servizi x-icon x-icon-wordpress" data-x-icon-b="&#xf19a;" aria-hidden="true" ></i>
<i class="icon-servizi x-icon x-icon-question-circle-o" data-x-icon-o="&#xf059;" aria-hidden="true" ></i>

The question circle looks like it needed a new ID. Then we’re just changing the attribute to specify which icon group. Font Awesome split them out into separate files so we needed to adjust accordingly in the theme. We use data-x-icon-b for WordPress because it’s a branded icon and data-x-icon-o for the circle because it’s an outline icon.

[danielemeo]

Thank you guy. It works.

[Prasant]

You are most welcome.