Nova: Add font awesome icon to one navigation item?

[Svoboda]

How can I add a font awesome icon to one navigation item in Nova?

 

[Russ]

You need to inspect the navigation item using your browser inspect.

Look for that bit, and then you'll need to add something like this in extra.less:

.XenBase .p-pageWrapper a[data-nav-id="xfmg"]:before {
    content: "\f03d";
}

Full list here: https://fontawesome.com/cheatsheet

Let me know if you need any further help.

 

[cannabis ape]

You need to inspect the navigation item using your browser inspect.

View attachment 9712

Look for that bit, and then you'll need to add something like this in extra.less:

.XenBase .p-pageWrapper a[data-nav-id="xfmg"]:before {
    content: "\f03d";
}{/code]

Full list here: https://fontawesome.com/cheatsheet

Let me know if you need any further help.

Tried this on flat awesome for mine but didnt work, tried 2.

/* Navigation Icons */
.XenBase .p-pageWrapper a data-nav-id="live_cams" :before {
    content: "\f03d";
}
/****/

and

/* Navigation Icons */
.XenBase .p-pageWrapper a [data-nav-id="live_cams"] :before {
    content: "\f03d";
}
/****/

 

[Russ]

I've simplified the CSS, take a look here:

Navigation icons

Set navigation icons

pixelexit.com

 

[cannabis ape]

I've simplified the CSS, take a look here:

Navigation icons

Set navigation icons

pixelexit.com

Still nothing.

/* Navigation Icons */
a[data-nav-id="live_cams"]:before { content: "\f03d";}
/****/

 

[cannabis ape]

I've simplified the CSS, take a look here:

Navigation icons

Set navigation icons

pixelexit.com

Still nothing.

/* Navigation Icons */
a [data-nav-id="Live_Cams"]:before { content: "\f03d";}
/****/

 

[Russ]

Try removing the space between the a and the [.

a[data-nav-id="Live_Cams"]:before { content: "\f03d";}

Past that it could be a problem with your class name.

 

[cannabis ape]

Try removing the space between the a and the [.

a[data-nav-id="Live_Cams"]:before { content: "\f03d";}

Past that it could be a problem with your class name.

If i remove the space it will place the favicon code infront of my nav tekst.

I renamed it to cams and the nav id to cams but still nothing no icon.

I also have an item placed in cams but its not showing when you click the dropdown.

I'm on flatawesome though, if that makes a difference.