![[cXF] Highlight new menu item](https://www.societyfrenchmodding.net/data/attachments/9/9558-59d765716b3bcb8fd20df4abdeea3c01.jpg){kind=small}
- Discussions
- 4 839
- Messages
- 12 546
- Solutions
- 84
- J'aime
- 7 848
- Points
- 198
This is a DIY tutorial to achieve this :
As you can see you can get an icon that changes on hover only on new items just to highlight them a bit more.
Open your extra.less template and add the code :
To edit the icon check class
To change the icon color edit the
To edit icon when hover check class
Want a Pro icon of a specific style?
Want a Brand icon?
As you can see you can get an icon that changes on hover only on new items just to highlight them a bit more.
Open your extra.less template and add the code :
Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.
Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.
To edit the icon check class
&:before. To change the Font Awesome icon edit the word dot-circle (in above example) with any other icon name.To change the icon color edit the
color property.To edit icon when hover check class
&:hover:before.Want a Pro icon of a specific style?
Want a Brand icon?
![[cXF] Change default FA node icon](https://www.societyfrenchmodding.net/data/attachments/9/9556-ae693c86c5124c2a0446aaeed2532b88.jpg){kind=small}
![[cXF] Icons in sidenav on Account page](https://www.societyfrenchmodding.net/data/attachments/9/9559-ede1b37f769e934beb6c483e695e72f8.jpg){kind=small}
![[cXF] Icons in Visitor menu](https://www.societyfrenchmodding.net/data/attachments/9/9548-14557a2fad5a1c1e6ee2cd925a6cc77a.jpg){kind=small}
![[cXF] Node icons with image](https://www.societyfrenchmodding.net/data/attachments/1/1412-caa2cc220eff5acbfcd708518afa008e.jpg){kind=small}
![[cXF] Icons for Login and Register buttons](https://www.societyfrenchmodding.net/data/attachments/9/9726-784353cfcc48a9354d28e8e222463e09.jpg){kind=small}