Xenforo 2.1 Why is FA Icon not showing in the Profile dropdown?

CINEFLIX PRIME

Active member
Registered
Joined
Jan 30, 2023
Messages
26
Points
1

Reputation:

Why is FA Icon not showing in the Profile dropdown?


ICON.png

MY CODE IN EXTRA.LESS

Code:
.p-navEl a:before,
.menu-content a:before{
    font-family: 'Font Awesome 5 Pro';
    padding-right: 10px;
}

.p-navEl a[data-nav-id="home"]:before {content:"\f015";}
.p-navEl a[data-nav-id="forums"]:before{content:"\f27a";}
    .menu-content a[data-nav-id="newPosts"]:before{content:"\f067"; }
    .menu-content a[data-nav-id="findThreads"]:before{content:"\f002"; }
    .menu-content a[data-nav-id="yourThreads"]:before{content:"\f498"; }
    .menu-content a[data-nav-id="contributedThreads"]:before{content:"\f5d2"; }
    .menu-content a[data-nav-id="unansweredThreads"]:before{content:"\f05e"; }
    .menu-content a[data-nav-id="watched"]:before{content:"\f1e5"; }
    .menu-content a[data-nav-id="watchedThreads"]:before{content:"\f5da"; }
    .menu-content a[data-nav-id="watchedForums"]:before{content:"\f5da"; }
    .menu-content a[data-nav-id="searchForums"]:before{content:"\f002"; }
    .menu-content a[data-nav-id="markForumsRead"]:before{content:"\f058"; }
.p-navEl a[data-nav-id="whatsNew"]:before{content:"\f0f3"; }
    .menu-content a[data-nav-id="whatsNewPosts"]:before{content:"\f067"; }
    .menu-content a[data-nav-id="whatsNewProfilePosts"]:before{content:"\f007"; }
    .menu-content a[data-nav-id="whatsNewNewsFeed"]:before{content:"\f1ea"; }
    .menu-content a[data-nav-id="latestActivity"]:before{content:"\f043"; }
    .menu-content a[data-nav-id="xfmgWhatsNewNewMedia"]:before {content:"\f03e"; }
    .menu-content a[data-nav-id="xfmgWhatsNewMediaComments"]:before{content:"\f0e6"; }
    .menu-content a[data-nav-id="xfrmNewResources"]:before{content:"\f019"; }   
.p-navEl a[data-nav-id="members"]:before {content:"\f0c0"; }
    .menu-content a[data-nav-id="currentVisitors"]:before{content:"\f1e5"; }
    .menu-content a[data-nav-id="newProfilePosts"]:before{content:"\f086"; }
    .menu-content a[data-nav-id="searchProfilePosts"]:before{content:"\f002"; }
.p-navEl a[data-nav-id="xfmg"]:before {content:"\f03e"; }
    .menu-content a[data-nav-id="xfmgNewMedia"]:before{content:"\f196"; }
    .menu-content a[data-nav-id="xfmgNewComments"]:before{content:"\f0e6"; }
    .menu-content a[data-nav-id="xfmgSearchMedia"]:before{content:"\f002"; }
.p-navEl a[data-nav-id="xfrm"]:before {content:"\f115"; }
    .menu-content a[data-nav-id="xfrmLatestReviews"]:before{content:"\f0e6"; }
    .menu-content a[data-nav-id="xfrmSearchResources"]:before{content:"\f002"; }
    
.actionBar-action:before { margin-right: 5px;}
.actionBar-action--edit:before {.m-faContent("\f040");}
.actionBar-action--report:before {.m-faContent("\f071");}
.actionBar-action--ip:before {.m-faContent("\f002");}
.actionBar-action--delete:before {.m-faContent("\f00d");}
.actionBar-action--spam:before {.m-faContent("\f024");}
.actionBar-action--warn:before {.m-faContent("\f12a");}
.actionBar-action--history:before {.m-faContent("\f1da");}
    
.p-staffBar-link:before {
    font-family:'Font Awesome 5 Pro';
    content: "\f502";
    padding-right: 10px;   
}
 

thomsa

Moderator
Staff member
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
Jun 22, 2019
Messages
1,066
Points
173

Reputation:

Why is FA Icon not showing in the Profile dropdown?


View attachment 33722
MY CODE IN EXTRA.LESS

Code:
.p-navEl a:before,
.menu-content a:before{
    font-family: 'Font Awesome 5 Pro';
    padding-right: 10px;
}

.p-navEl a[data-nav-id="home"]:before {content:"\f015";}
.p-navEl a[data-nav-id="forums"]:before{content:"\f27a";}
    .menu-content a[data-nav-id="newPosts"]:before{content:"\f067"; }
    .menu-content a[data-nav-id="findThreads"]:before{content:"\f002"; }
    .menu-content a[data-nav-id="yourThreads"]:before{content:"\f498"; }
    .menu-content a[data-nav-id="contributedThreads"]:before{content:"\f5d2"; }
    .menu-content a[data-nav-id="unansweredThreads"]:before{content:"\f05e"; }
    .menu-content a[data-nav-id="watched"]:before{content:"\f1e5"; }
    .menu-content a[data-nav-id="watchedThreads"]:before{content:"\f5da"; }
    .menu-content a[data-nav-id="watchedForums"]:before{content:"\f5da"; }
    .menu-content a[data-nav-id="searchForums"]:before{content:"\f002"; }
    .menu-content a[data-nav-id="markForumsRead"]:before{content:"\f058"; }
.p-navEl a[data-nav-id="whatsNew"]:before{content:"\f0f3"; }
    .menu-content a[data-nav-id="whatsNewPosts"]:before{content:"\f067"; }
    .menu-content a[data-nav-id="whatsNewProfilePosts"]:before{content:"\f007"; }
    .menu-content a[data-nav-id="whatsNewNewsFeed"]:before{content:"\f1ea"; }
    .menu-content a[data-nav-id="latestActivity"]:before{content:"\f043"; }
    .menu-content a[data-nav-id="xfmgWhatsNewNewMedia"]:before {content:"\f03e"; }
    .menu-content a[data-nav-id="xfmgWhatsNewMediaComments"]:before{content:"\f0e6"; }
    .menu-content a[data-nav-id="xfrmNewResources"]:before{content:"\f019"; }  
.p-navEl a[data-nav-id="members"]:before {content:"\f0c0"; }
    .menu-content a[data-nav-id="currentVisitors"]:before{content:"\f1e5"; }
    .menu-content a[data-nav-id="newProfilePosts"]:before{content:"\f086"; }
    .menu-content a[data-nav-id="searchProfilePosts"]:before{content:"\f002"; }
.p-navEl a[data-nav-id="xfmg"]:before {content:"\f03e"; }
    .menu-content a[data-nav-id="xfmgNewMedia"]:before{content:"\f196"; }
    .menu-content a[data-nav-id="xfmgNewComments"]:before{content:"\f0e6"; }
    .menu-content a[data-nav-id="xfmgSearchMedia"]:before{content:"\f002"; }
.p-navEl a[data-nav-id="xfrm"]:before {content:"\f115"; }
    .menu-content a[data-nav-id="xfrmLatestReviews"]:before{content:"\f0e6"; }
    .menu-content a[data-nav-id="xfrmSearchResources"]:before{content:"\f002"; }
   
.actionBar-action:before { margin-right: 5px;}
.actionBar-action--edit:before {.m-faContent("\f040");}
.actionBar-action--report:before {.m-faContent("\f071");}
.actionBar-action--ip:before {.m-faContent("\f002");}
.actionBar-action--delete:before {.m-faContent("\f00d");}
.actionBar-action--spam:before {.m-faContent("\f024");}
.actionBar-action--warn:before {.m-faContent("\f12a");}
.actionBar-action--history:before {.m-faContent("\f1da");}
   
.p-staffBar-link:before {
    font-family:'Font Awesome 5 Pro';
    content: "\f502";
    padding-right: 10px;  
}
CINEFLIX PRIMEthat css not for menu account. it for navbar.
 

CINEFLIX PRIME

Active member
Registered
Joined
Jan 30, 2023
Messages
26
Points
1

Reputation:

View previous replies…

thomsa

Moderator
Staff member
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
Jun 22, 2019
Messages
1,066
Points
173

Reputation:

So how I can create or Menu account?
CINEFLIX PRIMEadd this

Less:
.menu--account .tabs-tab:before {
    font-family: "Font Awesome 5 Pro";
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 3px;
    margin-left: -5px;
}
.menu--account .tabs-tab[href$="/bookmarks"]:before {
    content: "\f02e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .tabs-tab[href$="account/"]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow {
    padding: 6px 8px;
}
.menu--account .menu-linkRow:before {
    font-family: "Font Awesome 5 Pro";
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 3px;
    font-size: 12px;
}
.menu--account .menu-linkRow[href*="/whats-new/news-feed"]:before {
    content: "\f143";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href*="/search/member?user_id"]:before {
    content: "\f075";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/reactions"]:before {
    content: "\f164";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/account-details"]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/security"]:before {
    content: "\f084";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/privacy"]:before {
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/preferences"]:before {
    content: "\f085";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/signature"]:before {
    content: "\f040";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/upgrades"]:before {
    content: "\f07a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href*="/account/connected-accounts/"]:before {
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/following"]:before {
    content: "\f234";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/ignored"]:before {
    content: "\f235";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href^="/logout/"]:before {
    content: "\f084";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
 

CINEFLIX PRIME

Active member
Registered
Joined
Jan 30, 2023
Messages
26
Points
1

Reputation:

add this

Less:
.menu--account .tabs-tab:before {
    font-family: "Font Awesome 5 Pro";
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 3px;
    margin-left: -5px;
}
.menu--account .tabs-tab[href$="/bookmarks"]:before {
    content: "\f02e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .tabs-tab[href$="account/"]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow {
    padding: 6px 8px;
}
.menu--account .menu-linkRow:before {
    font-family: "Font Awesome 5 Pro";
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 3px;
    font-size: 12px;
}
.menu--account .menu-linkRow[href*="/whats-new/news-feed"]:before {
    content: "\f143";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href*="/search/member?user_id"]:before {
    content: "\f075";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/reactions"]:before {
    content: "\f164";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/account-details"]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/security"]:before {
    content: "\f084";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/privacy"]:before {
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/preferences"]:before {
    content: "\f085";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/signature"]:before {
    content: "\f040";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/upgrades"]:before {
    content: "\f07a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href*="/account/connected-accounts/"]:before {
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/following"]:before {
    content: "\f234";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/ignored"]:before {
    content: "\f235";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href^="/logout/"]:before {
    content: "\f084";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
thomsaOn EXTRA.LESS ? Or Somewhere feild?
 

CINEFLIX PRIME

Active member
Registered
Joined
Jan 30, 2023
Messages
26
Points
1

Reputation:

add this

Less:
.menu--account .tabs-tab:before {
    font-family: "Font Awesome 5 Pro";
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 3px;
    margin-left: -5px;
}
.menu--account .tabs-tab[href$="/bookmarks"]:before {
    content: "\f02e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .tabs-tab[href$="account/"]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow {
    padding: 6px 8px;
}
.menu--account .menu-linkRow:before {
    font-family: "Font Awesome 5 Pro";
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 3px;
    font-size: 12px;
}
.menu--account .menu-linkRow[href*="/whats-new/news-feed"]:before {
    content: "\f143";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href*="/search/member?user_id"]:before {
    content: "\f075";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/reactions"]:before {
    content: "\f164";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/account-details"]:before {
    content: "\f007";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/security"]:before {
    content: "\f084";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/privacy"]:before {
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/preferences"]:before {
    content: "\f085";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/signature"]:before {
    content: "\f040";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/upgrades"]:before {
    content: "\f07a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href*="/account/connected-accounts/"]:before {
    content: "\f0c0";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/following"]:before {
    content: "\f234";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href$="/account/ignored"]:before {
    content: "\f235";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
.menu--account .menu-linkRow[href^="/logout/"]:before {
    content: "\f084";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
}
thomsaAdded but two icons. I want to Remove for account & bookmark.

teo.png
 
Top