FAwesome 5 in 2.1 Code

[Davey]

Just wondering how the lightbulb icon can be changed to a moon on the 2.1 version of Nova.
In 2.0 i used the following code in extra.less, but doesn't work in 2.1.

/* Night Icon start */
.fa-lightbulb-o::before {
    content: "\f186";
}
/* Night Icon end */

Any ideas how this works in the new version?

 

[Russ]

The name changed a little, instead use this:

.p-navgroup-link--switch i:before { content: "\f186"; }

Should work.

 

[Davey]

Thanks. That worked.

 

[Davey]

How would you define solid or regular in FA 5 (fas and far). Been trying this for category icon, but cant seem to get it to change to solid. Is it simply done by font-weight or does Xenforo have its own short code?

 

[Russ]

Easy approach would be just some css:

Light

.node .node-icon i:before {  font-weight: 300;}

Regular

.node .node-icon i:before { font-weight: 400;}

Solid

.node .node-icon i:before { font-weight: 900;}

Which icon though are you referring too exactly though, the moon?

 

[Russ]

Just a heads up, because this has been requested a few times I've added a few options here four our 2.1 stable release:

You can set these on a per style level, so light style can show a moon icon, while the dark style shows the sun icon etc. Additionally, the phrase is in the properties now making it easier to change the verbiage and avoid any edits on page_container template.