XF 2.3 How to add images instead of sub node icons ? Read / unread both.

[Deepblue]

Hello,

I'am on Xenforo v2.3 and i would like to put images to sub nodes read and unread area instead of font awesome bubble chat icon stuff.

I mean just 2 different images to all sub nodes one for read one for unread. I don't want different images for each node indivually.

For this i should add what to where exactly ?

Thanks.

 

[Baby Community]

You are very determined. I can see you as xenforo theme designer in the future

 

[Mr Lucky]

Try in template extra.less

//NODE ICONS

.node .node-icon i
{
    &:before
    {
        /.m-faContent(@fa-var-coffee-pot);/
        .m-faContent(@fa-var-coffee-pot);
        width: 100%;
    }
    svg
    {
        display: none;
    }
}

 

[Baby Community]

Try in template extra.less

//NODE ICONS

.node .node-icon i
{
    &:before
    {
        /.m-faContent(@fa-var-coffee-pot);/
        .m-faContent(@fa-var-coffee-pot);
        width: 100%;
    }
    svg
    {
        display: none;
    }
}

This is the right time to ask if I do not want to receive support from FA. I want my icons to stay on my server. What should I do?

 

[Deepblue]

Try in template extra.less

//NODE ICONS

.node .node-icon i
{
    &:before
    {
        /.m-faContent(@fa-var-coffee-pot);/
        .m-faContent(@fa-var-coffee-pot);
        width: 100%;
    }
    svg
    {
        display: none;
    }
}

Thanks for quick reply but i dont want font awesome stuff. I want to add png image instead.

 

[Old Nick]

[cXF] Node icons with image

Nov 9, 2019

DIY tutorial to change default FA node icons with image

• BassMan
• bassman customizexf.com cxf icon image node
• XenForo tips & guides [2.x]

 

[Deepblue]

[cXF] Node icons with image

Nov 9, 2019

DIY tutorial to change default FA node icons with image

• BassMan
• bassman customizexf.com cxf icon image node
• XenForo tips & guides [2.x]

This is for main categories/nodes. I want only sub-nodes. Additionaly this only for single image. I want 2 images read and unread.