widget başlıklarına font awsome eklemek

Kenar çubugunda (sidebar) bulunan widget (blok) başlıklarında font awsome ikonu nasıl eklenir?

extra.less şablonuna eklenecek kod

CSS:
[data-widget-section="staffMembers"] h3.block-minorHeader:before { /* admin online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-user-tie);
}
[data-widget-section="onlineNow"] h3.block-minorHeader:before { /* uye online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-users);
}
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader:before { /* yeni mesajlar */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-comments);
}
[data-widget-key="xfrm_forum_overview_new_resources"] h3.block-minorHeader:before { /* yeni dosyalar */
    display: inline-block;
    .m-faBase();
    .m-faContent(@fa-var-download);
}

yukarıdaki kodlar ve bloklar ornek vermek amacıyla seçilmiştir.. aşağıdaki bölümleri siz kendi sitenize göre düzenlemelisiniz

data-widget-key > sizin widget keyiniz
.ma-faContent(@fa-var- *** ) > font Awesome icon. lkon seçin
{/* Your Title */ > kendi başlığınızı ekleyin
 
Üst Alt