Adding Font Awesome Icons to Sidebar Widgets and More

kick

Administrator
Staff member
Joined
Apr 7, 2020
Messages
187
Reaction score
229
Points
43
1589275844648.png

Add extra.less to the template.
Code:
.block {
    h3:before {
        display: inline-block;
        .m-faBase();
        padding-right: 3px;
    }

    &[data-widget-section="staffMembers"] {
        h3 {
            .m-faBefore("\f0e3");
        }
    }

    &[data-widget-section="onlineNow"] {
        h3 {
            .m-faBefore("\f007")
        }
    }

    &[data-widget-definition="new_profile_posts"] {
        h3 {
            .m-faBefore("\f086")
        }
    }

    &[data-widget-definition="forum_statistics"] {
        h3 {
            .m-faBefore("\f080")
        }
    }

    &[data-widget-definition="share_page"] {
        h3 {
            .m-faBefore("\f14d")
        }
    }

    &[data-widget-definition="find_member"] {
        h3 {
            .m-faBefore("\f002")
        }
    }

    &[data-widget-definition="newest_members"] {
        h3 {
            .m-faBefore("\f234")
        }
    }

    &[data-widget-definition="birthdays"] {
        h3 {
            .m-faBefore("\f1fd")
        }
    }

    &[data-widget-definition="xfrm_new_resources"] {
        h3 {
            .m-faBefore("\f187")
        }
    }

    &[data-widget-definition="xfrm_top_resources"] {
        h3 {
            .m-faBefore("\f091")
        }
    }

    &[data-widget-definition="xfrm_latest_reviews"] {
        h3 {
            .m-faBefore("\f005")
        }
    }

    &[data-widget-key="xfrm_overview_top_authors"] {
        h3.block-minorHeader {
            .m-faBefore("\f201")
        }
    }
}
 
Top