Resource icon

XF 2 Tip [cXF] Sidebar block title icons

ENXF NET

Administrator
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P.S Member
S.V.I.P Member
V.I.P Member
Collaborate
Registered
Joined
Nov 13, 2018
Messages
19,119
Points
823

Reputation:

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...
 

cocholmesthree

Member
Registered
Joined
Jul 5, 2019
Messages
17
Points
13

Reputation:

what is the location of the extra.less file?
 
Top