Resource icon

XF 2 Tip [cXF] Sidebar block title icons

ENXF NET

Administrator
Staff member
Administrator
Moderator
+Lifetime VIP+
V.I.P Member
Registered
Joined
Nov 13, 2018
Messages
4,101
Time online
4d 4h 49m
Points
523
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
AdBlock Detected

We get it, advertisements are annoying!

Sure, ad-blocking software does a great job at blocking ads, but it also blocks useful features of our website. For the best site experience please disable your AdBlocker.

I've Disabled AdBlock