How to change the FA icons ?

[Niro]

Hi,

I would like to change FA icons from there, but I don't know how to do it.

Could you please guide me ?

Thank you!

 

[Russ]

You can just use the current code with changes:

.XenBase .actionBar-action
{
    &.actionBar-action--report:before { .m-faContent("@{fa-var-bell}\20"); }
    &.actionBar-action--edit:before { .m-faContent("@{fa-var-pencil}\20"); }
    &.actionBar-action--history:before { .m-faContent("@{fa-var-calendar}\20"); }
    &.actionBar-action--delete:before { .m-faContent("@{fa-var-trash}\20"); }
    &.actionBar-action--warn:before { .m-faContent("@{fa-var-warning}\20"); }
    &.actionBar-action--ip:before { .m-faContent("@{fa-var-globe}\20"); }
}

 

[Niro]

You can just use the current code with changes:

.XenBase .actionBar-action
{
    &.actionBar-action--report:before { .m-faContent("@{fa-var-bell}\20"); }
    &.actionBar-action--edit:before { .m-faContent("@{fa-var-pencil}\20"); }
    &.actionBar-action--history:before { .m-faContent("@{fa-var-calendar}\20"); }
    &.actionBar-action--delete:before { .m-faContent("@{fa-var-trash}\20"); }
    &.actionBar-action--warn:before { .m-faContent("@{fa-var-warning}\20"); }
    &.actionBar-action--ip:before { .m-faContent("@{fa-var-globe}\20"); }
}

Thank you Russ!