Figured out how to Replace Specific Node Icons

[DieselMinded]

add to extra css

.nodeList .node_# .nodeIcon{
content: url('/link/to/image.jpg');
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
height: 33px;
width: 50px;
display: inline;
vertical-align: middle;
}

# is node ID

Make image 100x66 I've found when you have css render at 50% the image quality remains high on retina displays

repeat for nodes you wish to change

See it here - http://www.mymilitia.com

 

[Walkman Archive]

thanks. I'm a newbie with xenforo.
I've just realized where to edit the extra.css
I'll try this but I still have to realize how to find the node ID

 

[Walkman Archive]

Found it.

 

[DieselMinded]

you can use any image size you want , but when you make it 2x the size then reduce by 50% with css the images just look better

 

[Walkman Archive]

ok, thanks. I prefer without the frame box, but I realized how to remove it.
Now the problem is how to avoid the original icon in the background...

 

[DieselMinded]

when i added the .nodeIcon to the first line it deleted my old one had to mess with the code for a while not sure what im doing but it works