XF 2.1 How do I change the Watched "fa-eye" icon to something else?

[gogo]

is it possible to do it by a simple template modification?

 

[flogisch]

Heya!

Add folowing to your extra.less

.structItem-status--watched::before {
   content: '\f14a';
}

Change the "f14a" with something else from here:

Find Icons with the Perfect Look & Feel | Font Awesome

Used by millions of designers, devs, & content creators. Open-source. Always free. Check out the all-new Sharp Solid icons, available in Font Awesome 6 Pro.

fontawesome.com

 

[kick]

you can use in extra.less:

 

[gogo]

Nice! Thank you! It works!

 

[gogo]

you can use in extra.less:
View attachment 223573

Thank you too!

 

[kick]

if you use in extra.less, you need to use variable:
.m-faContent(@fa-var-arrow-up)
All variables you can find this:
setup_fa.less
They correspond to the names of the icons.
In general, it is advisable to use built-in tools

 

[gogo]

You mean I can't use fa-bell in extra.less but must use \fxxx ?

 

[kick]

You mean I can't use fa-bell in extra.less but must use \fxxx ?

You can, but to use in this form is more correct as I showed.

 

[kick]

Instead of content, specify this type and if you need to connect icons, use .m-faBase();, and if you need a certain type, then indicate which one you connect as an example .m-faBase('Brands');

 

[gogo]

Sorry even the first two replies from you guys have already helped me solving with my problem, I would still like to learn more.

Can you please give me an example for what you've just said? I got no clues.

 

[kick]

.structItem-status--watched::before {
  .m-faContent(@fa-var-arrow-up);
}

You can just use this.
Result:

In this example, the built-in variables in the engine are used, and the name of the icon variable is taken from the template setup_fa.less