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

font awesome icons


zedstar

Question

Site URL: https://f22-photography.co.uk

Hi

Im trying to get font awesome icons in my navigation, (for example a home icon next to home test)

i have signed up and got the piece of code that goes in the header, i have then tried various ways and watched various youtube videos on how to do it but still no icons appear in my navigation or on any page.

Im using the wells template

can anyone help me with what im doing wrong please

 

marcus

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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#

3 answers to this question

Recommended Posts

  • 1
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 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0

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/

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0
Posted (edited)
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 ??

Edited by zedstar
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...