Action Bar Font Awesome

akmhou · December 2016

Hi,

I need to add my own Font Awesome icon to the slogan in the action bar and change its color to white.

I have tried this <i class="fa fa-cog" style="color:white"></i>. I also tried to give it a color of #ffffff. Neither of those worked.

How can I change this?

Thanks

Albert · December 2016

Hi,

please send us link to page where you put above code so we can have a look on it from the code side.

Thanks!

akmhou · December 2016

Hi,

You can see it here http://bit.ly/2h9aEpO.

I've used fa fa-cog just as an example. The icon I want to use is fa fa-phone because the theme's icon-phone faces to the left.

I may have to change this soon because I have to show a draft to my client tomorrow.

Thanks

P.S. Are my comments posted to the general forum or only viewable by you and me (Private?)

Albert · December 2016

As we can see, the icon name you used, does not exist so above code is wrong. And to use the proper icon included into theme, you need to use the following html line instead:

<i class="icon-cog" style="color: #FFF !important"></i>

The list of all included icons you can find on http://themes.muffingroup.com/be/theme/shortcodes/typography/#icons

Action Bar Font Awesome

Comments