Page 1 of 1

Howto customize color class with FA and Adamantium?

Posted: 24 May 2016, 11:38
by n3tmaster
Hi,

I'm trying to customize color class with Adamantium theme.

In order to ad my custom color I added

Code: Select all

.FCropGreen{color:#8BC53F;}
into adamantium-layout.less

then I recompiled my less files and I put my new color class in code:

Code: Select all

<i class="fa fa-th-large Fs60 FCropGreen"></i><p:spacer width="20"/>
            <b class="Fs60 FCropGreen">#{languageBean.getElementName('homepage')}</b>
But it doesn't work, when I load my page FA icon and text colors are black ...

any idea?

thank you in advance

Re: Howto customize color class with FA and Adamantium?

Posted: 24 May 2016, 12:26
by aragorn
Please try;

Code: Select all

.FCropGreen{color:#8BC53F !important;}

Re: Howto customize color class with FA and Adamantium?

Posted: 24 May 2016, 12:38
by n3tmaster
Yeah! It works like a charm!

Thank you!

Re: Howto customize color class with FA and Adamantium?

Posted: 24 May 2016, 13:43
by aragorn
You're welcome!

Also, improve text and background color classes of Layouts for Components;
https://github.com/primefaces/layouts/issues/86