How or maybe there is plugin for icons (FA) to put in user panel?

will attach picture

regards and Merry Christmas to all!

Edited December 26, 20204 yr by bosss

Fixed!

To add icons, go to Appearance -- > Styles and templates --> CSS. We insert it in CUSTOM.CSS the following code:

  Quote

 

/* USER & NAVIGATION ICONS */
#elUserNav .fa-bell:before { content: "\f0f3"; }
#elUserNav .fa-envelope:before { content: "\f0e0"; }
#elUserNav .fa-warning:before { content: "\f071"; }

#elUserLink_menu a[href*="/admin"] i{ display: none; }

#elUserLink_menu a:before,
#ipsLayout_mainNav a:before,
#elCreateNew_menu a:before{
    content: "\f02b";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    {prefix="transform" value="translate(0,0)"}
}

#elUserLink_menu a:before, #elCreateNew_menu a:before{ display: inline-block; width: 22px; opacity: 0.7; }
#elUserLink_menu a:hover:before, #elCreateNew_menu a:hover:before{ opacity: 1; }

/* Não tenho certeza se o melhor método é href */
#elUserLink_menu a[href*="/profile/"]:before{ content: "\f007" }
#elUserLink_menu a[href='{url="app=core&module=messaging&controller=messenger" seoTemplate="messaging"}']:before{ content: "\f0e0" }
#elUserLink_menu a[href*="/content/"]:before{ content: "\f03a" }
#elUserLink_menu a[href*="/followed/"]:before{ content: "\f1d8" }
#elUserLink_menu a[href*="/attachments/"]:before{ content: "\f0c6" }
#elUserLink_menu a[href*="/settings/"]:before{ content: "\f013" }
#elUserLink_menu a[href*="/clients/"]:before{ content: "\f07a" }
#elUserLink_menu a[href*="edit"]:before{ content: "\f040" }
#elUserLink_menu a[href*="/ignore/"]:before{ content: "\f05e" }
#elUserLink_menu a[href*="/notifications/options/"]:before{ content: "\f0f3" }
#elUserLink_menu a[href*="/modcp/"]:before{ content: "\f046" }
#elUserLink_menu a[href*="/admin"]:before{ content: "\f023" }
#elUserLink_menu a[href*="/logout/"]:before{ content: "\f08b" }