![[BZ] MenuFlex](/community/data/resource_icons/9/9860.jpg?1742938970){kind=icon}
[BZ] MenuFlex 2.0.0
- Author bzcomputers
- Creation date
Q. How Do I Add Custom Font Awesome Icons?
A. First find the menu options 'Navigation ID'. This can be found under: ACP: Setup > Public Navigation; select the navigation option you want to add an icon to the 'Navigation ID' will be the first input shown.
Then take that 'Navigation ID' (navid) and apply it in the MenuFlex 'Font Awesome Custom Menu Icons' option as a single, pair, trio, or quad.
A. First find the menu options 'Navigation ID'. This can be found under: ACP: Setup > Public Navigation; select the navigation option you want to add an icon to the 'Navigation ID' will be the first input shown.
Then take that 'Navigation ID' (navid) and apply it in the MenuFlex 'Font Awesome Custom Menu Icons' option as a single, pair, trio, or quad.
Font Awesome Custom Menu Icon Assignment Parts:
navid = XenForo Navigation ID
iconname = Font Awesome Icon Name
style = light, regular, solid, duotone, or brands
color = any valid color in the following formats: Named color, Hexadecimal, RGB(a), HSL(a), or XenForo Color ID
Font Awesome Custom Icon Types:
Singles: Use navid: (e.g., forum: ) to remove a standard icon assignment if you are using 'Standard Icon Assignments'.
Pairs: Use navid:iconname pairs (e.g., forums:comments) to add new icon assignments or override 'Standard Icon Assignments'.
Trios: Use navid:iconname:style trios (e.g., forums:comments:solid) to set a specific per-icon style.
Quads: Use navid:iconname:style:color quads (e.g., forums:comments:solid:red) to set a specific per-icon color.
Sample Input:
Code:
# Main Menu Items
home:home:solid:rebeccapurple
forums:comments:duotone:hsl(128, 100%, 50%)
Sample Output: