XF 2.1 Node icon size

[Overscan]

I've figured out how to replace the node icons with png images;

/* Forum read & unread icons */

.node--forum.node--read .node-icon i:before{content: url(off.png);}

.node--forum.node--unread .node-icon i:before{content: url(on.png);}

/* Subforum read & unread icons */

.subNodeLink:before{content: url(off.png) !important;}

.subNodeLink.subNodeLink--unread:before{content: url(on.png) !important;}

but my images are too wide (65 pixels) and overlap. Is there a quick way to increase node icon width? These images are from my old SMF forum and I'd like to use then for continuity

 

[TdC Network]

Do you mean you want space on the right between the icon and the node heading? If that is the case can you adjust the right margin. Eg margin-right:10% or margin-right:10px;

 

[Nicolas FR]

Hello,

Add this in yourextra.less template

.node-icon
    {
        width: 46px;
    }

Just adjust the width to your liking

 

[Overscan]

Hello,

Add this in yourextra.less template

.node-icon
    {
        width: 46px;
    }

Just adjust the width to your liking

Perfect, thanks

 

[Nicolas FR]

just to say that it's been a while since I used my license xenforo and for a few days I put my hands in the code ... I was looking for ways to enlarge the size of the node icon and I found this discussion to which I gave the answer a year ago !!

 

[Charlie G]

Just tried doing this.

The new node icon works fine but the new sub-node icon gets displayed along side the original sub-node icon.

 

[Charlie G]

Just tried doing this.

The new node icon works fine but the new sub-node icon gets displayed along side the original sub-node icon.

Fixed it, the code should read:-

.subNodeLink i:before{content: url(off.png) !important;}

.subNodeLink.subNodeLink--unread i:before{content: url(on.png) !important;}

 

[Overscan]

Cheers! Don't think that was like that in 2019, must have changed since.