Font awesome 5 usage in PRO

Hi guys, i was wondering what are the diferent ways of using font awesome with pro?

i have tried the classic way of adding it into an tag but they don’t appear that way and i don’t know if i need to do soemthing more.

the ones that i tried to use were

<i class="far fa-angle-right"></i>
<i class="far fa-angle-left"></i>

Do i need to do something in CSS for them to appear? or does the icon shortcode work with these new icons (and what would be the “light” version of it, if it does)

Thanks in advance.

Hi Alejandro,

Thank you for reaching out to us. You can add Font Awesome 5 Icons in Pro or X using the Icon Shortcode (see http://demo.theme.co/integrity-1/shortcodes/icons/) In order to use the light or regular version of the Icon you need to prepend l- for light version and o- for the regular version to the icon name. For example:

  • l- for light [x_icon type="l-play"]
  • o- for regular [x_icon type"o-play"]
  • For solid and brands, just input the name [x_icon type="play"]

For more details you can checkout the video tutorial here https://www.youtube.com/watch?v=BXoaWjmpllI&feature=youtu.be

Hope this helps!

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