cpotisch

13 hours ago, tuanphan said:

an example

<i class="fa fa-male" aria-hidden="true" style="color:red;"></i>

Sorry, I'm asking where it explains how to add FontAwesome (and preferably v5.x) to the site. I can't find any explanation that doesn't involve code injection. Thanks.

55 minutes ago, tuanphan said:

https://fontawesome.com/v4.7.0/

you need to use CSS to change FA icon color.

I'm not seeing much on how it works with CSS; only HTML. Can you point to where it explains this? And is it only for v4.7?

7 minutes ago, tuanphan said:

my code is FontAwesome 4.7

your code =fas fa-history is FontAwesome 5.x

So how can I deal with that? Also, is it not possible to choose the color with FontAwesome?

15 hours ago, tuanphan said:

If you use Personal Plan, you can import FontAwesome at Design > Custom CSS

With Business Plan, use this (Code Injection Header)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

 

With Personal Plan, use this (Design > Custom CSS)

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

It will work, I just tested on my site.

I added it to the CSS, but when I try to use an icon, it either just doesn't show up, or it displays a sort of "missing element" hollow square. Here's what I added to the page:

I'm trying to add icons to my nav, but I can't use code injection since I have the Personal plan. Everything I've seen says to use FontAwesome, and that requires code injection. Any way to do this?

Thanks in advance.