XenForo Sidebar block title icons

GuDron

Super Moderator
Staff member
Super Moderator
Jan 28, 2020
831
7
271
Language
English
GuDron submitted a new resource:

Sidebar block title icons - xenforo 2 Add icons in Sidebar block

Would you like to have icons in the sidebar block titles like this?
View attachment 41

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:
CSS:
[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...