Figured out how to Replace Specific Node Icons

DieselMinded

Well-known member
add to extra css

Code:
.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

123.png
 

Walkman Archive

Active member
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
 

DieselMinded

Well-known member
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

Active member
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

Well-known member
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
 
Top