XF 2.3 How to add space after custom font awesome node icon?

[Fred.]

Hi,

My custom font awesome node icons are very close to the node title. So I would like to add some space between.

This is what I have in extra.less

.node.node--id7 .node-icon i::before {
    .m-faContent(@fa-var-globe);
}

I tried adding this.

.node-icon
{
    width: 56px;
}

I found this here

P

XF 2.2 Post in thread 'How to add space after node icon'

Jan 6, 2022

Change the width for the icon.

.node-icon
{
    width: 56px;
}

• Paul B

• 

This should have worked with XF 2.2 but if I use that on XF 2.3 with the custom font awesome icons all my custom icons disappear.

Any ideas?

Thanks

 

[Mr Lucky]

Try margin-right:10px

 

[Fred.]

Thx Mr Lucky, but that did not work.

However the original works now for some reason. Maybe my cache was not cleared properly That's all I can think of.
So this still works.

.node-icon
{
    width: 56px;
}