Update Font Awesome version

[PhiHDN]

As you recommendation, I remove context-param for FA (to use FA in layout) and add css to reset PF icons. -> It works.

I look back your instruction above and see that it looks like you just edited it or I missed the reset PF icon css at the end.

Could you please explain me why I have to add that block of code when I want to change the FA version in layout?

Code: Select all

/* PrimeFaces icon reset */
.ui-widget .ui-icon.fa,
.ui-icon.fa {
    background-image: none;
    text-indent: 0px;
    background-repeat: no-repeat;
    display: block;
    overflow: visible;
    text-indent: 0px;
}

For your information, I am using PF 5.2 Community, modena theme + layout 1.0.2.

Thank you for your support!

[mert.sincan]

PrimeFaces uses "ui-icon" class for icons. Therefore "ui-icon" class needs to be compatible with FA classes. We had to override some CSS classes to work ui-icon and FA in harmony. You need to use this css class;

Code: Select all

/* PrimeFaces icon reset */
.ui-widget .ui-icon.fa,
.ui-icon.fa {
    background-image: none;
    text-indent: 0px;
    background-repeat: no-repeat;
    display: block;
    overflow: visible;
    text-indent: 0px;
}

[PhiHDN]

PrimeFaces uses "ui-icon" class for icons. Therefore "ui-icon" class needs to be compatible with FA classes. We had to override some CSS classes to work ui-icon and FA in harmony. You need to use this css class;

Code: Select all

/* PrimeFaces icon reset */
.ui-widget .ui-icon.fa,
.ui-icon.fa {
    background-image: none;
    text-indent: 0px;
    background-repeat: no-repeat;
    display: block;
    overflow: visible;
    text-indent: 0px;
}

OK. Everything with FA is fine now.
Thank you very much!

[mert.sincan]

Glad to hear, thanks