Custom node icons

[Ehren]

Hi @rehammer

Just confirming the code in the post directly above yours (post #59) doesn’t work?

 

[rehammer]

Hi @rehammer

Just confirming the code in the post directly above yours (post #59) doesn’t work?

I see, I wasn't including the /forums/ portion in the linkage, only the last portion of the subnode url

Works great now

 

[rehammer]

Hello,

I changed my sub-node type to Articles and the custom icon I have no longer shows on the forum list

I'm using the same code as I did with a regular discussion sub-node

.subNodeLink[href="/forums/requetes.19/"] .fa-comments{
  background-image: url('https://contenu.poissondore.fr/img/icons/41_pipe.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  font-size: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

 

[Ehren]

Hello,

Do you have a URL I can check? You'll just need to change .fa-comments to the correct FA name, I'm just not sure what it is for memory.

 

[rehammer]

Hello,

Do you have a URL I can check? You'll just need to change .fa-comments to the correct FA name, I'm just not sure what it is for memory.

Yeah it is here: https://thechatsociety.com/

Under the Off-topic section, there is a sub-node named Comedy Club

 

[Ehren]

You can replace .fa-comments with .subNodeLink-icon and it should work

 

[rehammer]

I'm running into an issue where I am trying to have the subnode font awesome icons displayed on the forum page

This is the code I'm using

.subNodeLink[href$='the-archive.34/'] .fa--xf::before{
    content: "\f187";
}

The icon is not changing though

Also the subnode icon is not changing opacity when read/unread on the forum list

 

[Ehren]

Hi @rehammer

I've just checked your site however the nodes are using "image icons", not FA icons. Have you fixed this already?

 

[rehammer]

Hi @rehammer

I've just checked your site however the nodes are using "image icons", not FA icons. Have you fixed this already?

I have a separate style choice that is currently not selectable since I am testing the FA icons

You can now select it from the theme chooser on the site, it's just called 'illuminate'

And also, for my main theme (light/dark version) the subnode icon images are not changing opacity when read/unread like the main node icons

 

[rehammer]

Any update on this? Trying to make the subforum icons change opacity like the main node icons when read/unread

 

[Ehren]

Hello,

This should work:

.subNodeLink:not(.subNodeLink--unread) .subNodeLink-icon {
  opacity: .5;
}

 

[rehammer]

Hello,

This should work:

.subNodeLink .subNodeLink-icon:not(.subNodeLink--unread){
    opacity: .5;
}

Thank you, that worked

Is there a way to also change the subnode icons to font awesome icons, or is that not possible? I have another style option called "illuminate" where I'm testing the font awesome icons

 

[rehammer]

Hello,

This should work:

.subNodeLink .subNodeLink-icon:not(.subNodeLink--unread){
    opacity: .5;
}

It looks like this actually just makes the subnode icons faded but does not take into consideration if they have new posts or not

A subforum with new posts still appears faded when it should show the full color

 

[Ehren]

It looks like this actually just makes the subnode icons faded but does not take into consideration if they have new posts or not

Sorry, I updated the code in my earlier post.

Is there a way to also change the subnode icons to font awesome icons, or is that not possible? I have another style option called "illuminate" where I'm testing the font awesome icons

It looks like you've already done this with your Archive icon:

 

[rehammer]

Sorry, I updated the code in my earlier post.

Thank you that code fixed the issue

It looks like you've already done this with your Archive icon:

View attachment 2868

Huh that's weird

I'm still seeing this:

The icons are changed in extra.less, when I go into a forum I see it correctly

Just not seeing it pop up on the main forum list

 

[estranged]

Hello @Ehren,

Looks like this does not work for 2.3
Can we have an update please?

Thank you.

 

[Ehren]

Hello @Ehren,

Looks like this does not work for 2.3
Can we have an update please?

Thank you.

Yeah, Xenforo adjusted the way icons are rendered.. I've just updated the code, so give it another try