Davey

Customer
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.
Code:
/* Night Icon start */
.fa-lightbulb-o::before {
    content: "\f186";
}
/* Night Icon end */
Any ideas how this works in the new version?
 

Russ

Pixel Exit Staff
The name changed a little, instead use this:

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

Davey

Customer
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

Pixel Exit Staff
Easy approach would be just some css:

Light
Code:
.node .node-icon i:before {  font-weight: 300;}
Regular
Code:
.node .node-icon i:before { font-weight: 400;}
Solid
Code:
.node .node-icon i:before { font-weight: 900;}
Which icon though are you referring too exactly though, the moon?
 

Russ

Pixel Exit Staff
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:

light-switch-dark.png


Screenshot_2.png



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.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.