Need some help with node icons

[Al]

I was able to change the icons used on the main nodes on my forum by adding some additional code to extra.less




Looks good, right?

The issue I have is that I cannot work out how to change the sub-node icons to be the same. This is the code I used in extra.less

.node-icon i { display: none; }
.node-icon { background-image: url('styles/omni/xenforo/unreadnode.png'); background-repeat: no-repeat; background-position: center; }
.node--read .node-icon { opacity: 0.5; }

.node-icon-fix i { display: none; }
.node-icon-fix { background-image: url('styles/omni/xenforo/subnode.png'); background-repeat: no-repeat; background-position: center; }
.node--read .node-icon-fix { opacity: 0.5; }

I'm aware of the !important tag which can be added, but when I try to insert it it resets the main nodes too.

Can someone help please?

 

[Tracy]

It's not the same code...
.subNodeLink .subNodeLink-icon is the base that addresses it if I remember correctly. I really don't know how images will work on there.... especially when displayed on the index.
I don't use the subforum nodes listed on the index. I did use the popup ability at one time though. Just made it look "crowded" to me. I also had the sub-forums working as an image... but it was way to small in the popup and the listing. If you use the FA icons you may have better luck on them.

EDIT:
Upon playing around with my settings... it's the .subNodeLink .subNodeLink-icon that does control it...
This should get you going...
unread
.subNodeLink.subNodeLink--unread
read
.subNodeLink.subNodeLink

The icon is controlled by .subNodeLink .subNodeLink-icon

 

[Al]

This:
.subNodeLink.subNodeLink i { display: none; } .subNodeLink.subNodeLink { background-image: url('styles/omni/xenforo/subnode.png'); background-repeat: no-repeat; background-position: left; } .subNodeLink.subNodeLink { opacity: 0.5; }
Caused this:

They're there, just not aligned as they should be.

 

[Cedric]

Try

.subNodeLink.subNodeLink i { display: none; }
.subNodeLink.subNodeLink { background-image: url('styles/omni/xenforo/subnode.png'); background-repeat: no-repeat; background-position: left; margin-right: 1.2em; }
.subNodeLink.subNodeLink { opacity: 0.5; }

I added margin-right, it might need adjustment with the 1.2em

 

[Al]

Editing margin-right: 1.2em; } either up or down shifts the text but not the icons. They remain fairly static in the centre of the text.

 

[Tracy]

I remember it was a right pain in the ass to get it to working, and I didn't like the look of it so stripped it out and went with no sub-forums listed. That's been about 2 years ago so really don't remember exactly what I did.
Is this a style you created, or a paid/free one from a style developer. If the latter...... ask them for assistance, as some of the styles do some stuff different than the stock.

 

[Al]

A little bump. Any coders?

 

[Cedric]

Does this work:

.node-icon i {
    display: none;
}

.node-icon {
    background-image: url('styles/omni/xenforo/unreadnode.png');
    background-repeat: no-repeat;
    background-position: center;
}

.node--read .node-icon {
    opacity: 0.5;
}

.sub-node .node-icon i {
    display: none;
}

.sub-node .node-icon {
    background-image: url('styles/omni/xenforo/subnode.png');
}

.sub-node .node--read .node-icon {
    opacity: 0.5;
}

 

[Al]

How’s about I just give you admin access?

 

[Cedric]

Well that works too. But no guarantee's I'll be able to fix it.

 

[Al]

Haha. I’ll give it a go in a bit and let you know. We have have to put up the Batsignal for @Tyrsson

 

[Mike30]

A little bump. Any coders?

Send me the link of site, I will check it out

 

[Al]

Send me the link of site, I will check it out

Sanctuary: Shattered Sun News

News source and community centred on the in-development real time strategy game, Sanctuary: Shattered Sun.

shatteredsunrts.com

 

[Al]

Does this work:

That's a negative.

 

[SoluDome]

Have you thought of using one of my maintained free add-ons ?

Unmaintained - [cv6] Node Icons & Tools

Now new for XenForo 2.2.x This AddOn works with the default Theme, if you change essential parts of the theme in your own styling, there may be changes to the template mods necessary. If it not works out of the box with your style, please drop...

xenforo.com

 

[Mike30]

The icons look the same to me.

 

[Tyrsson]

I have seen the signal... I just happen to be extremely busy atm. I will get back to this. @_al please feel free to PM me with a site url and details. I'll read back over the thread but its gonna be later this evening before I can get to it.

 

[Al]

The icons look the same to me.

Yeah. I'm trying to get them to be

 

[Al]

I have seen the signal... I just happen to be extremely busy atm. I will get back to this. @_al please feel free to PM me with a site url and details. I'll read back over the thread but its gonna be later this evening before I can get to it.

There is no rush, my man. None at all.

 

[Tyrsson]

There is no rush, my man. None at all.

First thing that comes to mind.... And I am sure you have done this and it may not be relevant (depending on your usage).... Have you cleared your browser cache if they are not inlined?

Note:
Based on @Cedric reply it appears they are not inlined. So, have you cleared your cache then reloaded the page?