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

Custom Node Icons

Discussion in 'Styling and Customization Questions' started by LucaAzalim, Jun 13, 2015.

  1. LucaAzalim

    LucaAzalim Member


    I found this thread about how to create custom node status icons, but it does not still working on XF 1.4, if I did it right... How can I do it now? Create custom icons (unread and read) for the nodes?

    EDIT: I want to change this icons: http://prntscr.com/7gatte at a specific forum.
    THB likes this.
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    That thread has a CSS selector error (need to remove the space between first two classes), and is missing the background-position which is needed as of XF 1.1. Try this revised code.

    /* custom status icons */
    .node.node_7 .forumNodeInfo .nodeIcon, .node.node_7 .categoryForumNodeInfo .nodeIcon {
        background-image: url("@imagePath/xenforo/widgets/forum-read-7.png");
        background-position: 0px 0px;
    .node.node_7 .forumNodeInfo.unread .nodeIcon, .node.node_7 .categoryForumNodeInfo.unread .nodeIcon {
        background-image: url("@imagePath/xenforo/widgets/forum-unread-7.png");
        background-position: 0px 0px;
    THB, manhhieudhhv and Andrej like this.
  3. Muhtefi

    Muhtefi Member

    thanks, will try this
    THB likes this.

Share This Page