Tutorial|教程 将 FA 图标添加到会员个人资料中（extra.less）

[oksgo]

对于xenforo 2.3

.memberHeader .pairs--rows--centered {

& dt:before {
            .m-faBase();
            font-size: 15px;
            padding-right: 3px;
        }
        &:nth-child(1) dt {
            .m-faBefore(@fa-var-comments-alt);
        }

        &:nth-child(2) dt {
            .m-faBefore(@fa-var-check);
        }
    
        &:nth-child(3) dt {
            .m-faBefore(@fa-var-thumbs-up);
        }
    
        &:nth-child(4) dt {
            .m-faBefore(@fa-var-medal);
 }
}

对于 xenforo 2.1 - 2.2
在 extra.less 模板中添加以下代码：

.memberHeader .pairs--rows--centered:nth-child(1) dt:before {
    content: "\f4b6";
    font-family: "Font Awesome 5 Pro";
    padding-right: 3px;
}
.memberHeader .pairs--rows--centered:nth-child(2) dt:before {
    content: "\f164";
    font-family: "Font Awesome 5 Pro";
    padding-right: 3px;
}
.memberHeader .pairs--rows--centered:nth-child(3) dt:before {
    content: "\f5a2";
    font-family: "Font Awesome 5 Pro";
    padding-right: 3px;
}