font awesome icons

14 hours ago, zedstar said:

Hi that only seems to work with an icon next to bio, i've tried changing the word bio to other words in my nav but i still get no icons ???

 

Also its not letting me use the newer version of font awesome ??

Did you use correct page url?

Above code, I declared FontAwesome 4. If you want to use FontAwesome latest version (5), you need to edit FA5 in first url.

and use different code for 

div#topNav [href="/bio"]:before 

Add to Home > Settings > Advanced > Code Injection > Header

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
  /* bio */
  div#topNav [href="/bio"]:before {
    content: "\f232";
    font-family: FontAwesome;
    font-weight: bold;
}
</style>

Do similar for other items. Icons list: https://fontawesome.com/v4.7.0/

On 4/18/2020 at 3:49 PM, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Header

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
  /* bio */
  div#topNav [href="/bio"]:before {
    content: "\f232";
    font-family: FontAwesome;
    font-weight: bold;
}
</style>

Do similar for other items. Icons list: https://fontawesome.com/v4.7.0/

Hi that only seems to work with an icon next to bio, i've tried changing the word bio to other words in my nav but i still get no icons ???

Also its not letting me use the newer version of font awesome ??