font awesome

Currently reading:
font awesome

maszd

cXF Pack C
cXF Pack B
cXF Donor
May 20, 2015
109
42
Hello @BassMan,
where option to activate font awesome for forum and member like this forum?
Capture.PNG
thanks.
regards,
maszd
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

BassMan

Staff member
Administrator
May 18, 2015
1,116
770
Hi maszd,

go here:

upload_2015-5-26_3-2-39.png
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

maszd

cXF Pack C
cXF Pack B
cXF Donor
May 20, 2015
109
42
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
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

BassMan

Staff member
Administrator
May 18, 2015
1,116
770
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 Pack C
cXF Pack B
cXF Donor
May 20, 2015
109
42
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.
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

BassMan

Staff member
Administrator
May 18, 2015
1,116
770
@maszd

Increase that number:

upload_2016-6-3_14-45-45.png

Regards
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

maszd

cXF Pack C
cXF Pack B
cXF Donor
May 20, 2015
109
42
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.

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Search forums

Top