XF 2.3 How can I Change font size, icons, And add a "Articles" section to the navigation menu?

[Ahmed Naser]

Hello wonderful community!​

​

I am relatively new to XenForo and would prefer not to make any changes that might affect the root, as I have observed XenForo is designed to be simple and user-friendly!

- Need to customization my forums as shown in pic here:

-----

​

• I am using the default theme and have not installed any add-ons yet.​

​

1- How can I Change font size, icons As shown in the picture?​

2-How can I Add a "Articles" section to the navigation menu As shown in the picture?​

​

​

Would you kindly guide me on how to make it with my forum?

Is there an add-on I need to buy to do this? If so, what is the appropriate add-on?​

​

​

​

And thank you all.​

​

 

[Abu Abdullah]

Salam,

1- How can I Change font size, icons As shown in the picture?​

you can achieve this using this addon https://xenforo.com/community/resources/xfa-nodes-icon-tweak-xf2.5683/

or using CSS (extra.less)

.node .node-icon svg {display: none;}

.node.node--id2 .node-icon i {&::before {.m-faContent(@fa-var-megaphone, 0.9em);}}
.node.node--id3 .node-icon i {&::before {.m-faContent(@fa-var-lightbulb-on, 0.9em);}}
.node.node--id5 .node-icon i {&::before {.m-faContent(@fa-var-hand-holding-seedling, 0.9em);}}
.node.node--id6 .node-icon i {&::before {.m-faContent(@fa-var-pumpkin, 0.9em);}}
.node.node--id7 .node-icon i {&::before {.m-faContent(@fa-var-lemon, 0.8em);}}
.node.node--id8 .node-icon i {&::before {.m-faContent(@fa-var-leaf-heart, 0.9em);}}
.node.node--id9 .node-icon i {&::before {.m-faContent(@fa-var-flower-daffodil, 0.9em);}}

you will find the node ID on the node URL and for the icons (@fa-var-megaphone) choose them from here - https://fontawesome.com/v5/search

2-How can I Add a "Articles" section to the navigation menu As shown in the picture?​

The Articles menu could be an add-on.
However, you can add any navigation menu from here /admin.php?navigation/
To make a drop-down you can select the Parent navigation entry in this option for the submenus.

Thanks.