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

Changing Node Icons

Discussion in 'Styling and Customization Questions' started by Cambion, Jun 16, 2013.

  1. Cambion

    Cambion Well-Known Member

    I've seen this done on various forums. How does one go about changing the Node Icons(for example the speech bubble things on the default XF skin)?

    I run a book forum so it be cool to actually have the individual book covers as their respective Node Icons.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Create your own style directory, copy all of the default style folders and files, upload your custom icons overwriting the default ones and change the path to images in the style properties in the ACP.
  3. Lisa

    Lisa Well-Known Member

    For having the same node icons across the site, you just need to change the information in SP:-


    If you want different icons per node, then you need to use EXTRA.css

    li.node.category.node_1 .nodeInfo.unread .nodeIcon {
        background-image: url("@imagePath/xenforo/misc/1un.png");
    background-position: 0 auto !important;
    li.node.category.node_1 .nodeInfo .nodeIcon {
        background-image: url("@imagePath/xenforo/misc/1.png");
    background-position: 0 auto !important;

    changing the node_1 to respresent each node you wish to have an image for (don't forget to make sure you have a read and an unread image and to change the image size in the NodeIcon SP
    john1234 likes this.

Share This Page