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

XF 1.4 Link forum node image

Discussion in 'Styling and Customization Questions' started by tommydamic68, Jan 10, 2015.

  1. tommydamic68

    tommydamic68 Well-Known Member

    I was able to create an image in the link forum node i had created, however I have created another link forum node and I would like to use a different image then the other - is this possible?

    Code:
    .node .linkNodeInfo .nodeIcon {
    background-image: url('http://mysite.com/community/styles/sphynxlair/xenforo/node.png');
    }
    Screen Shot 2015-01-10 at 10.37.43 AM.png
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    You can change the image path for nodes in Style Properties.
     
  3. tommydamic68

    tommydamic68 Well-Known Member

    yes, I see that, can you use two different images though for the link forum node?
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    What do you mean by two different images?

    A node can only have one image.
     
  5. tommydamic68

    tommydamic68 Well-Known Member

    Well,
    For example, I created a new link forum node for "information" so I put an image for that link forum node with a sort of "Info" type image. Now I want to crate another link forum node that is lets say a "game center." I wanted to put an image next to that node that would be sort of "game" related image. here is a example with photo shop.

    Here is the link forum node with the current "info" image.
    Screen Shot 2015-01-10 at 11.34.48 AM.png

    I am looking to add a game section and want a different image like below.
    tttt.png
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

  7. tommydamic68

    tommydamic68 Well-Known Member

  8. Brogan

    Brogan XenForo Moderator Staff Member

    It will work if you use the correct classes.

    upload_2015-1-10_17-30-35.png
     
  9. tommydamic68

    tommydamic68 Well-Known Member

    Thanks @Brogan - I did try the proper class. the node ID is 97. I used this:

    Code:
    .node link level_2 node_97 .nodeInfo linkNodeInfo .nodeIcon {
        background: url('styles/sphynx/images/game.png') no-repeat !important;
        background-repeat: no-repeat;
        background-position: -108px 0;
    }
    
    the image path is correct as well.

    http://sphynxlair.com/community/styles/sphynx/images/game.png

    Any other suggestions.
     
  10. chadw

    chadw New Member

    I have the same issue here. It would be great to see a working version of the linkNodeInfo. :)

    Thank you!
     
  11. Sperber

    Sperber Active Member

    Are there any news on this, @Brogan? I´m trying to solve that too but for some reason it won´t work that way..
     

Share This Page