Tutorial 2x Add Font Awesome icons to your prefix - Thêm biểu tượng Font Awesome vào tiền tố cho XenForo 2

[PVS]

Add Font Awesome icons to your prefix - Thêm biểu tượng Font Awesome vào tiền tố cho XenForo 2

Đơn giản chi cần thêm đoạn code sau vào template EXTRA.less của bạn:

/*adding fa icon to prefix*/
.fa:before{
    font-family:FontAwesome;
    margin-right:3px
}

Sau đó trong prefix chọn check other CSS class. Thêm đoạn code này:

label label--royalBlue fa fa-graduation-cap

Giải thích: label label--royalBlue là màu sắc, fa-graduation-cap là biểu tượng FA.

​

Chúc các bạn thành công.

Nguồn: xenforo.com​