Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
cpotisch

FontAwesome / icons on Personal plan

Question

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.

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0

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.


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post
  • 0
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:

 1980619687_ScreenShot2020-01-13at11_08_46AM.png.2706ccfa23014292a90188923490013f.png

Edited by cpotisch

Share this post


Link to post
  • 0
8 hours ago, cpotisch said:

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:

 

my code is FontAwesome 4.7

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


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post
  • 0
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?

Share this post


Link to post
  • 0
10 minutes ago, cpotisch said:

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?

an example

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

 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post
  • 0
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.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...