1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.5 How do you use font-awesome with a style that doesn't have the built in framework?

Discussion in 'Styling and Customization Questions' started by Brad Padgett, Feb 7, 2016.

  1. Brad Padgett

    Brad Padgett Active Member

    Hello, I was told by a friend if I put this after the head of the page container:

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    Then I would be able to use the font-awesome for my node icons via extra.css

    Is this true. If not, how can I use them to display as node icons? What steps do I need to take and can you provide the code for accomplishing this.

    For instance, I think I'm supposed to use unicode for extra.css instead of the <i></i> tags.

    How should the unicode be written in order to display the node icons. What code should I use?


    - TheXboxCloud

    EDIT: I figured out how. Thanks anyway.
    Last edited: Feb 7, 2016
  2. Ark Royal

    Ark Royal Active Member

    Thats great, what did you have to do ?
  3. Brad Padgett

    Brad Padgett Active Member


    Follow this tutorial and instead of using the specifc node id, just take the number part out. It's the same thing except it will be for all the node icons instead of a specific one. Unless you want it that way.

    Didn't think there would be so much to it but there is.

    Anyways now I'm working on putting them in my navigation and I found this tutorial:


    Hope that helps.
    Ark Royal likes this.

Share This Page