Resource icon

XF 2 Tip [cXF] Sidebar block title icons

ENXF NET

Staff member
Administrator
Moderator
+Lifetime VIP+
V.I.P
Registered
Joined
Nov 13, 2018
Messages
2,106
Reactions
9,707
Time online
17h 33m
Points
113
#1
ENXF NET submitted a new resource:

[cXF] Sidebar block title icons - Add icons to sidebar block titles

Would you like to have icons in the sidebar block titles like this?
View attachment 5659
Here's a simple DIY tutorial on how to achieve this.


Below you'll find the code for most common sidebar blocks.

Open your extra.less template and add this code:
Less:
[data-widget-section="staffMembers"] h3.block-minorHeader:before { /* Staff online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-user-tie);
}...
Read more about this resource...
 
Top