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

Font Awesome Icons as Individual Node Icons 2.1

Updated and more in-depth tutorial

  1. BetaSparkUK

    BetaSparkUK Member

    BetaSparkUK submitted a new resource:

    Font Awesome Icons as Individual Node Icons - Updated and more in-depth tutorial

    Read more about this resource...
     
  2. Veer

    Veer Well-Known Member

    I can't find the "content" value on font pages, i.e: fa-television: Font Awesome Icons
    like used in the code: content: "\f0e6";
    all we have is this: <i class="fa fa-television"></i>
     
    BetaSparkUK likes this.
  3. BetaSparkUK

    BetaSparkUK Member

    Don't panic, easy to find. And sorry for not being clear! :(
    Click the icon that you want, then you'll see a little text area underneath (see images)

    unicode.JPG

    It uses the unicode value rather than the name.
     
    Veer likes this.
  4. Veer

    Veer Well-Known Member

    ah missed that, thanks a lot (y)
     
    BetaSparkUK likes this.
  5. BetaSparkUK

    BetaSparkUK Member

    Not a problem! Enjoy!
     
    Veer likes this.
  6. BetaSparkUK

    BetaSparkUK Member

  7. dick1992

    dick1992 New Member

    how to change color?
    read color dark
    unread color white

    .node.node_176 .forumNodeInfo .nodeIcon:after, .node.node_176 .categoryForumNodeInfo .nodeIcon:after
    {
    font-family: "FontAwesome";
    font-size: 36px;
    content: "\f0e6";

    }

    .node.node_176 .forumNodeInfo.unread .nodeIcon:after, .node.node_176 .categoryForumNodeInfo.unread .nodeIcon:after
    {
    font-family: "FontAwesome";
    font-size: 36px;
    content: "\f0e6";

    }
     

Share This Page