How do I add a logout icon?

[dddd]

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

 

[one_finger_man]

when you are asking for help can you tell what you need it for nobody going to know add image if you want the best answer

 

[dddd]

 

[dddd]

is there a better way to add icons to the user account menu links?

.menu-linkRow[href*='/logout/']:before {.m-faContent(@fa-var-sign-out);}

 

[one_finger_man]

add this to your extra and it will show up after refresh

.p-nav-opposite {
    .p-navgroup-link:before {
        padding-right: 5px;
        .m-faBase();
    }

    // Login
    .p-navgroup-link--logIn:before {
        .m-faContent(@fa-var-sign-in, .85em);
    }

    // Register
    .p-navgroup-link--register:before {
        .m-faContent(@fa-var-unlock-alt, .85em);
    }
}

 

[dddd]

add this to your extra and it will show up after refresh

.p-nav-opposite {
    .p-navgroup-link:before {
        padding-right: 5px;
        .m-faBase();
    }

    // Login
    .p-navgroup-link--logIn:before {
        .m-faContent(@fa-var-sign-in, .85em);
    }

    // Register
    .p-navgroup-link--register:before {
        .m-faContent(@fa-var-unlock-alt, .85em);
    }
}

one_finger_manI have those 2 already. I'm trying to find a way to add icons to this specific menu, look at the Log out button on this screenshot

 

[one_finger_man]

I have those 2 already. I'm trying to find a way to add icons to this specific menu, look at the Log out button on this screenshot

ddddcant see image not working

 

[one_finger_man]

I have those 2 already. I'm trying to find a way to add icons to this specific menu, look at the Log out button on this screenshot

ddddif you are talking about when you got to yorur account on the top right where there is no icons this would give you the icons for logout

/* Icons in Visitor menu */
.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"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[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*="logout"]:before {
        .m-faContent(@fa-var-sign-out);
    }
}
/*****/

 &[href*="logout"]:before {

        .m-faContent(@fa-var-sign-out);

 

[dddd]

if you are talking about when you got to yorur account on the top right where there is no icons this would give you the icons for logout

/* Icons in Visitor menu */
.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"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[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*="logout"]:before {
        .m-faContent(@fa-var-sign-out);
    }
}
/*****/

 &[href*="logout"]:before {

        .m-faContent(@fa-var-sign-out);

one_finger_manperfect. thank you

 

[one_finger_man]

perfect. thank you

ddddgood to see your happy