Support How do I add icons to account pop up menu links?

dddd

Registered
Hi, how do I add icons to the links on the menu that pops up when you click on your profile picture?

LxYx0vE.png
 
Solution
CSS:
// Visitor menu icons
.menu-content.js-visitorMenuBody .menu-linkRow {padding: 6px 5px 6px 12px;}
.menu-content.js-visitorMenuBody a.menu-linkRow {
    &:before {.m-faBase();}
    &[href='/whats-new/news-feed']:before {.m-faContent(@fa-var-rss);}
    &[href^='/search/member?user_id=']:before {.m-faContent(@fa-var-user);}
    &[href='/account/reactions']:before {.m-faContent(@fa-var-thumbs-up);}
    &[href='/account/alerts']:before {.m-faContent(@fa-var-bell);}
    &[href='/account/account-details']:before {.m-faContent(@fa-var-user-cog);}
    &[href='/account/security']:before {.m-faContent(@fa-var-shield-alt);}
    &[href='/account/privacy']:before {.m-faContent(@fa-var-lock);}
    &[href='/account/preferences']:before {.m-faContent(@fa-var-cogs);}
    &[href='/account/signature']:before {.m-faContent(@fa-var-signature);}
    &[href='/account/upgrades']:before {
        .m-faBase(Brands);
        .m-faContent(@fa-var-paypal);
    }...

dddd

Registered
CSS:
// Visitor menu icons
.menu-content.js-visitorMenuBody .menu-linkRow {padding: 6px 5px 6px 12px;}
.menu-content.js-visitorMenuBody a.menu-linkRow {
    &:before {.m-faBase();}
    &[href='/whats-new/news-feed']:before {.m-faContent(@fa-var-rss);}
    &[href^='/search/member?user_id=']:before {.m-faContent(@fa-var-user);}
    &[href='/account/reactions']:before {.m-faContent(@fa-var-thumbs-up);}
    &[href='/account/alerts']:before {.m-faContent(@fa-var-bell);}
    &[href='/account/account-details']:before {.m-faContent(@fa-var-user-cog);}
    &[href='/account/security']:before {.m-faContent(@fa-var-shield-alt);}
    &[href='/account/privacy']:before {.m-faContent(@fa-var-lock);}
    &[href='/account/preferences']:before {.m-faContent(@fa-var-cogs);}
    &[href='/account/signature']:before {.m-faContent(@fa-var-signature);}
    &[href='/account/upgrades']:before {
        .m-faBase(Brands);
        .m-faContent(@fa-var-paypal);
    }
    &[href='/account/connected-accounts/']:before {.m-faContent(@fa-var-users-class);}
    &[href='/account/following']:before {.m-faContent(@fa-var-user-plus);}
    &[href='/account/ignored']:before {.m-faContent(@fa-var-user-minus);}
    &[href='/account/marketplace-purchases']:before {.m-faContent(@fa-var-shopping-cart);}
    &[href='/account/marketplace-licenses']:before {.m-faContent(@fa-var-id-card);}
    &[href^='/logout/']:before {.m-faContent(@fa-var-sign-out);}
}
 
Last edited:
Solution
Back
Top Bottom