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

[MichaelCS]

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.

 

[mjda]

If it's an image file you're using for your node icons, there's no way to change the color of them without uploading a new file.

 

[Davyc]

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.

 

[MichaelCS]

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.

 

[MichaelCS]

I got this resolved all. Thanks!!!

 

[MichaelCS]

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.

 

[Davyc]

If you're on 2.3.x you can change your node icons using this code for each node:

/* 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:



Good luck and I hope this works out for you