XF 1.x How to get text under the visitortabs FA icons

bt012ss

Registered
Hi @all, i´m new here and after using a year the "small" Fontawesome Style i purchased the "+" version.
A great job you´ve done and i´m happy with this style.

I´m looking for the possibillity to get text under this tabs, like "Account" "Inbox" ............
pixel1.jpg

Is it an option in the styleproperties that i don´t see ore is it custom css?

Thanks
Karl
 

Russ

Pixel Exit Staff
Hey Karl welcome :) what position are you using the visitor tabs at? Main nav bar?
 

Russ

Pixel Exit Staff
I think this would be a good suggestion for the default XenBase, ours on PE is slightly customized. For now you can do a manual edit:

Add this to extra.css:
Code:
.XenBase .xbUserPanelMenus .navLink, .XenBase .navTabs .visitorTabs .navLink .fa
{
   height: auto;
   line-height: 1.4;
}
Open up the template:

Find
Code:
<i class="fa fa-user fa-fw"></i>
Replace with:
Code:
<i class="fa fa-user fa-fw"></i> <br /> Account
Next find:
Code:
<i class="fa fa-envelope fa-fw"></i>
Replace with:
Code:
<i class="fa fa-envelope fa-fw"></i> <br /> {xen:phrase inbox}
Finally find:
Code:
<i class="fa fa-bolt fa-fw"></i>
Replace with:
Code:
<i class="fa fa-bolt fa-fw"></i> <br /> {xen:phrase alerts}
I didn't use a phrase for "Account" because there's not one. There is "Your Account" but it's rather long. Also we opted AGAINST usernames there because they can go up to 25 chars and would break it.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.