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

XF 1.2 How to change Node Icons?

Discussion in 'Styling and Customization Questions' started by billybatz9, Nov 7, 2013.

  1. billybatz9

    billybatz9 Active Member

    Hello,

    Does anyone know how to change the node icons to an image of some sort?
    I'd like to do custom images
     
  2. oman

    oman Well-Known Member

    billybatz9 likes this.
  3. oman

    oman Well-Known Member

  4. Shelley

    Shelley Well-Known Member

  5. SignTorch

    SignTorch Active Member

    Custom Node Icon (icon for Category) 1.0 addon by @vinavb seems to work good for forum nodes, it has some minor admin side nuances but it sure is a lot easier than using CSS, it doesn't work for categories, so I tried sub-forums in place of sub-categories, and that actually worked out better for me,

    I found it useful while laying out the site, in the long run it might be prudent to use CSS, I don't know the pros and cons of either way
     
  6. Shelley

    Shelley Well-Known Member

    I prefer using custom css myself but if you are wanting to add imagery to your node categories, perhaps the following guide might be useful to you? http://xenforo.com/community/resources/multi-coloured-node-li.1733/

    Specifically, adding the images to categorystrips. Say for example. If you wanted to have them before the title you would add in your own node ID, Imagepath you would use the following
    Code:
    .node_24 .categoryStrip .categoryText {
      padding-left: 45px;
      background: url("styles/default/xenforo/icons/image24.png") no-repeat scroll right center transparent; }
    Screenshot_50.png



    If you wanted it display it after the title use the following
    Code:
    .node_24 .categoryStrip .categoryText {
      padding-left: 45px;
      background: url("styles/default/xenforo/icons/image24.png") no-repeat scroll left center transparent; }
    Screenshot_51.png
     
    Tracy Perry likes this.

Share This Page