Adding Font Awesome Icons to the Visitor Account

kick

Administrator
Staff member
Joined
Apr 7, 2020
Messages
186
Reaction score
227
Points
43
Add the extra.less template.
1589227297292.png

Less:
.menu--account {
    .tabs-tab {
        &:before {
            .m-faBase();
            padding-right:3px;
            margin-left: -5px;
        }

        &[href$="/bookmarks"] {
            .m-faBefore("\f02e");
        }

        &[href$="account/"] {
            .m-faBefore("\f007");
        }
    }

    .menu-linkRow {
        padding: 6px 8px;

        &:before {
            .m-faBase();
            padding-right: 3px;
            font-size: 12px;
        }

        &[href*="/whats-new/news-feed"] {
            .m-faBefore("\f143");
        }

        &[href*="/search/member?user_id"] {
            .m-faBefore("\f075");
        }

        &[href$="/account/reactions"] {
            .m-faBefore("\f164");
        }

        &[href$="/account/account-details"] {
            .m-faBefore("\f007");
        }

        &[href$="/account/security"] {
            .m-faBefore("\f084");
        }

        &[href$="/account/privacy"] {
            .m-faBefore("\f023");
        }

        &[href$="/account/preferences"] {
            .m-faBefore("\f085");
        }

        &[href$="/account/signature"] {
            .m-faBefore("\f040");
        }

        &[href$="/account/upgrades"] {
            .m-faBefore("\f07a");
        }

        &[href*="/account/connected-accounts/"] {
            .m-faBefore("\f0c0");
        }

        &[href$="/account/following"] {
            .m-faBefore("\f234");
        }

        &[href$="/account/ignored"] {
            .m-faBefore("\f235");
        }

        &[href^="/logout/"] {
            .m-faBefore("\f084");
        }
    }
}
 
Last edited:
Top