How to change 'widget icon' to custom fontawesome ?

mei2020 said:

Hi guys,
Some time ago I was looking for a way to change the widget icon in xenforo ...

Spoiler

I found several related articles on google but none of them worked for me

I've been read the docummentation but there's nothing explain how to change it in detail
Can someone explain this sample for me? I don't get it

CSS:

/* For use in LESS: */
.someIcon {   /* ??? is this '.someicon an example or ready to use?  */     
   <xf:macro                
        template="uix_icons.less"   /* ??? what the relation with uix_icon.less?  */               
        name="content"   /* ??? where to find the name? is it leave tobe default (content)?   */
        arg-icon="account"    /* ??? where to find the 'arg-icon id?   */
     />        
}

Another experiment to change 'Countdown widget icon' (not worked):

CSS:

/* Countdown Widget - put in [I]extra.less[/I] */
[data-widget-key="countdown_me"] h3.block-minorHeader:before {
    display: inline-block;
    padding-right: 0px;
    .m-faBase();
    .m-faContent(@fas fa-hourglass-start fa-spin);
}

Another experiment to change 'Share Page widget icon' (not worked):

CSS:

/* Share Page Widget - put in [I]extra.less[/I] */
[data-widget-key="forum_overview_share_page"] h3.block-minorHeader:before {
    display: inline-block;
    padding-right: 0px;
    .m-faBase();
    .m-faContent(/f1e0 /10f1e0);
}

Did i miss something?
Summon @Tomz , @ALiveVam , @TassieNZ , @ELLIO7 , @hexor

Click to expand...

XF 2.0 - Font Awesome icons

A list of Font Awesome icons. I previously looked around for this, thought I'd post what I found. (new guy syndrome).

xenforo.com

XF 2.1 - Font Awesome icon for public navigation?

Just checking if it's possible to use a FA icon in the public nav, and if so, what would the syntax be?

xenforo.com

XF 2.1 - How do you change a font awesome icon?

I have found in the template where it calls for the icon (icon=___). But changing it's name to a fa name does not work, how exactly do we do this? Thanks!

xenforo.com