font awesome

Currently reading:
font awesome

maszd

cXF Donor
Joined
May 20, 2015
Messages
113
Reaction score
43
Hello @BassMan,
where option to activate font awesome for forum and member like this forum?
Capture.PNG
thanks.
regards,
maszd
 

maszd

cXF Donor
Joined
May 20, 2015
Messages
113
Reaction score
43
i was check it and work, but the icon double result like this :
Capture.PNG
i was activate quicknavigation with replace home icon like this :
Captures.PNG
its posible to change icon color based on theme color? cause for inbox, alert, search and logout icon its work fine like this :
Capturess.PNG
thanks
 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,027
Reaction score
617
Website
www.customizexf.com
Yes, just checking this and I'll remove support for home tab in next fix.

For now just delete this in sticky_navigation.css template:

Code:
/* START - Font Awesome Home Icon */
.navTabs .navTab.home .navLink:before {
    display: block !important;
    font-family: FontAwesome;
    position: absolute;
    top: 0 px;
    left: 9px;
    border-left: none;
    content: "\f015";  
    color: #a5cae4;
    font-size: 12px;
    font-weight: normal;
}
.navTabs .navTab.home.selected .navLink:before {
    color: #FFF;
    top: 1px;
}
.navTabs .navTab.home:hover .navLink:before {
    color: #FFF;
}
.navTabs .navTab.home .navLink {
    padding-left: 28px;
}
/* END - Font Awesome Home Icons */
To change the colour of icons just change the color attribute in similar codes as you see above (for forums, members etc.)
 
Last edited:

maszd

cXF Donor
Joined
May 20, 2015
Messages
113
Reaction score
43
Yes, just checking this and I'll remove support for home tab in next fix.
For now just delete this in stickynavigation.css template:
thanks,,working now :)

To change the colour of icons just change the color attribute in similar codes as you see above (for forums, members etc.)
i just delete color code and now working too, great ;)
 

maszd

cXF Donor
Joined
May 20, 2015
Messages
113
Reaction score
43
Hi @BassMan
i see on this site font awesome icon is more big like this :
gh.png
i tested on my site that icon is small, how to make that more big?
thank you.
 

maszd

cXF Donor
Joined
May 20, 2015
Messages
113
Reaction score
43
found another way with extra.css :)
Code:
.fa-fw {
    font-size: 1.33333333em;
}
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top