Hi,
A simple tips for add fontawesome's icon on the sidebar title.
Before After
Very simple to add this. Just just edit the template widget for your sidebar. > Customization > Themes > Edit HTLM and CSS "</>
important : do not edit the original skin by ips. If you want use the original skin, you need to copy it before.
Today's birthday
Templates > calendar > widgets > todaysBirthdays
Find
<h3 class='ipsType_reset ipsWidget_title'>{lang="block_todaysBirthdays"}</h3>
Remplace by
<h3 class='ipsType_reset ipsWidget_title'><i class="fa fa-birthday-cake"></i> {lang="block_todaysBirthdays"}</h3>
Upcoming Events
Template > calendar > widgets > upcomingEvents
Find
<h3 class='ipsType_reset ipsWidget_title'>{lang="block_upcomingEvents"}</h3>
Remplace by
<h3 class='ipsType_reset ipsWidget_title'><i class="fa fa-calendar-o"></i> {lang="block_upcomingEvents"}</h3>
Topics
Template > forums > widgets > topicFeed
Find
<h3 class='ipsWidget_title ipsType_reset'>{$title}</h3>
Remplace by
<h3 class='ipsWidget_title ipsType_reset'><i class="fa fa-comment"></i> {$title}</h3>
Posts
Template > forums > widgets > postFeed
Find
<h3 class='ipsType_reset ipsWidget_title'>{$title}</h3>
Remplace by
<h3 class='ipsType_reset ipsWidget_title'><i class="fa fa-comments"></i> {$title}</h3>
You can change others widgets sidebar you just need to add the code before the title.
You can change size and color with this code remplacement :
<i class="fa fa-calendar fa-lg" style="font-size: 1.33333333em;line-height: 0.1em;vertical-align: -15%;color: #fff;"></i>
For see all fontawesome icon you can visit this website : http://fortawesome.github.io/Font-Awesome/icons/
Just click on your icon what you want for the code :