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

Where to place new Node icons

Discussion in 'XenForo Questions and Support' started by steven s, Oct 20, 2010.

  1. steven s

    steven s Well-Known Member

    In developing a custom style, what is the best way to replace node icons?
    I don't want to rename an existing icon because when I upgrade I will only write over them.

    I've done more in styling my forum in 2 days than 10 months of vB4 which is zero.
  2. Russ

    Russ Well-Known Member

    In node_list.css

    They're put in as:

    background-image: url('@imagePath/xenforo/widgets/forum-unread.png');
    background-image: url('@imagePath/xenforo/widgets/page.png');
    background-image: url('@imagePath/xenforo/widgets/link.png');

    Which you can choose a custom image folder for your style under

    Style Properties -> General -> Settings

    I just downloaded the default folder renamed to my style then re-uploaded and made all the custom images inside just my folder.

    I hope that helps or explains it a bit better...
    steven s likes this.
  3. steven s

    steven s Well-Known Member

    That makes sense.
  4. steven s

    steven s Well-Known Member

    I'm seeing the default node icons when viewing as a guest, and my custom node icon when logged in as admin.
    I have the style set to MyStyle.
    Home -> Appearance -> MyStyle
    Where else should I be looking?
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  6. steven s

    steven s Well-Known Member

  7. Trip

    Trip Active Member

    I think I see what happened. It looks like you have your custom style uploaded to default and not to "styles". You just went one directory too far.
    styles/default/bavforum should be styles/bavforum
  8. steven s

    steven s Well-Known Member

    That is correct.
    Because of Path to Images styles/default I thought I needed my directory there.

    In node_list.css
    background-image: url('@imagePath/bavforums/widgets/forum-read.png');

    What confuses me is that the directory is /default/xenforo/ so I figured it needed to be in the same directory.
    In moving the directory, I loose the my icons even after changing the path.

    I need to sit back and think about it some more. :)
  9. steven s

    steven s Well-Known Member

    I know what it is.
    I only changed the forum-read.png. forum-unread.png is style XenForo.
    Viewing as a guest, they are all unread so I saw the default forum-unread.png icon.
    I just need to update the forum-unread.png icon with my own.
  10. Carlos

    Carlos Well-Known Member

    Likewise, is there a chance that I can edit each individual icon for each node?
  11. steven s

    steven s Well-Known Member

    Looks like something changed in beta2.
    forum-read.png and forum-unread.png are not in node_list.css anymore.
    I needed to revert node_list.css to get the background for the category to work properly.

    Searching for forum-read.png in the templates came up blank.
    I do see Style Properties: Forum List -> Node Icon

    Do I change a node icon there? If so, how?
  12. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member


    Admin CP -> Appearance -> Style Properties -> Forum List

    That's where the image locations are defined. You can either change these locations to point to your custom images elsewhere, or you can upload your images in place of the existing images at the same location.
  13. steven s

    steven s Well-Known Member

    I'm there. Node Icon
    Aren't there normally two node icons? read and unread?
    And what would be the path anyway?
  14. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    On that page you can see the read and unread node icons and their default locations:

    Forum Icon Path - Read

    Forum Icon Path - Unread
    steven s likes this.
  15. steven s

    steven s Well-Known Member

    Ohh! I was going directly to node icon. I didn't even notice the settings page.
    Thanks ONCE again!
  16. mjp

    mjp Well-Known Member

    You can avoid changing all those individual paths by putting your custom images in a subdirectory called "xenforo" inside your style directory. Then all you have to change is the path to images in "Style Properties: General."

    It seems to me the "xenforo" part of the path shouldn't even be there by default anyway, but rather part of the @imagePath variable.

Share This Page