XF 2 Tip [cXF] Sidebar block title icons

[ENXF NET]

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:

[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]

what is the location of the extra.less file?

 

[ENXF NET]

what is the location of the extra.less file?

cocholmesthreeAppearance -> Templates -> extra.les

 

[TheMechanic]

Thanks for this.. worked on 2.2 if anyone was wondering