Add FA icons in the Forum menu

Add FA icons in the Forum menu

UnstucK

Administrator

Staff member
Vip Member
Reputation: 100%
Reaction score
48
Points
55
In your extra.less template add these codes:

In the dropdown forum menu :
Less:
.menu-content .menu-linkRow[data-nav-id="newPosts"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f29a" }
.menu-content .menu-linkRow[data-nav-id="findThreads"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }
.menu-content .menu-linkRow[data-nav-id="yourThreads"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f022" }
.menu-content .menu-linkRow[data-nav-id="newPosts"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f29a" }
.menu-content .menu-linkRow[data-nav-id="findThreads"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }
.menu-content .menu-linkRow[data-nav-id="yourThreads"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f022" }
.menu-content .menu-linkRow[data-nav-id="contributedThreads"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f27b" }
.menu-content .menu-linkRow[data-nav-id="unansweredThreads"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f2d4" }
.menu-content .menu-linkRow[data-nav-id="watched"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f0e6" }
.menu-content .menu-linkRow[data-nav-id="watchedThreads"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f064" }
.menu-content .menu-linkRow[data-nav-id="watchedForums"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f046" }
.menu-content .menu-linkRow[data-nav-id="searchForums"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }
.menu-content .menu-linkRow[data-nav-id="markForumsRead"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f196" }

In the drop-down menu what's up :
Less:
.menu-content .menu-linkRow[data-nav-id="whatsNewPosts"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f05b" }
.menu-content .menu-linkRow[data-nav-id="whatsNewProfilePosts"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f21b" }
.menu-content .menu-linkRow[data-nav-id="whatsNewNewsFeed"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f143" }
.menu-content .menu-linkRow[data-nav-id="latestActivity"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f29a" }

In the drop-down menu members :
Less:
.menu-content .menu-linkRow[data-nav-id="registeredMembers"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f21b" }
.menu-content .menu-linkRow[data-nav-id="currentVisitors"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f205" }
.menu-content .menu-linkRow[data-nav-id="newProfilePosts"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f086" }
.menu-content .menu-linkRow[data-nav-id="searchProfilePosts"]:before { font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }

Result:

1.webp
2.webp
3.webp
4.webp
 
Back
Top