XF 2.2 Trying to figure out how to restyle the NODE ICONs

MichaelCS

Active member
Anyone know how to change the color on these? I've been wracking my brain and digging all over the internet and can't find squat.

I'm trying to make the NODE ICON (for new posts) be the same color as the red NEW background.

I don't want to have to physically modify the node-icons.png file that tehy are called from.

1698296215621.png
 
If you want the node icon png images to change color on condition, i.e. read and unread, you will need two icons with different colors. The style you are using may determine what options are available to you, many use font awesome icons which can be colored using CSS.
 
If you want the node icon png images to change color on condition, i.e. read and unread, you will need two icons with different colors. The style you are using may determine what options are available to you, many use font awesome icons which can be colored using CSS.

Yeah I'm using TACTICAL which I think does use Font Awesome icons. I'll have to double check.
 
I wish I had posted what my resolution here was. After upgrading to latest Xenforo things went sideways for me and I've having to rebuild my custom edits on the TACTICAL theme. Boo.
 
If you're on 2.3.x you can change your node icons using this code for each node:

Code:
/* Change forum icons */
.node.node--idX .node-icon i {
    &:before {
        .m-faContent(@fa-var-couch, 1em);
    }
    svg {
        display: none;
    }
}

idX being X is the node id number, do this for each node you want changed using font-awesome icons. This is a screenshot from one of my sites:

1723829799875.webp

Good luck and I hope this works out for you :)
 
Back
Top Bottom