Icons in navigation bar

[chojo]

Hi everyone,
I really liked the icons in the FlatAwesome style. I would like to have the same icon that you can find beside Ressources, members and forum. Also, replace the conversation and alert word for the enveloppe and pin icon.

If this unclear, I appologize and will try to explain it better. If not, I would like to know how to incorporate thoses icons in the Apex-Light style.

Thank you in advance for your patience.

 

[oman]

I'll tag @Russ and @Steve in this one so they can give you a hand.

 

[Russ]

Hey @chojo

Not really sure how this passed us to be honest sorry!

For the icons in the nav:

.navTabs .navTab.PopupClosed .SplitCtrl:before
{
   display: inline-block;
   font-family: FontAwesome;
   font-size: 12px;
   color: @primaryLightish;
   text-align: center;
   content: '\f0c9';
}

For the icons alerts/inbox

Open navigation_visitor_tabs:

Find this line:

<a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">

Replace the {xenhrase snippet} right next to it with:

<i class="fa fa-envelope-o"></i>

<a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget">

Replace the {xenhrase snippet} right next to it with:

<i class="fa fa-map-marker"></i>

Or use whatever icon you want.