OK, I’ve got it working, the Top Users widget works as it is, had to tweak the My Points widget to show stars(icons) and the wp-symposium module (that’s what the site under development is using). In ranks.php change (around line 183):
function cp_module_ranks_widget(){
if(is_user_logged_in()){
?>
<li><?php _e('Rank', 'cp'); ?>: <?php echo cp_module_ranks_getRank(cp_currentUser()); ?></li>
to:
function cp_module_ranks_widget(){
if(is_user_logged_in()){
?><li>
<?php _e('Rank:', 'cp'); ?><img style="width:20px; height:20px;padding:3px;vertical-align:top" src="<?php echo cp_module_ranks_getLogo(cp_currentUser()); ?>"><?php echo cp_module_ranks_getRank(cp_currentUser()); ?></li><code></code>
Change the style to whatever you want.
Similar fix should work in any php file using the same function.
The wp-symposium.php module gave me a little more trouble, as it uses PHP HTML parser ($html).
Around line 288, change:
$html .= ‘<div>’;
$html .= __(‘Points:’, ‘cp’).’ ‘.cp_getPoints($uid1);
if(cp_module_activated(‘ranks’)){
$html .= ‘, ‘.cp_module_ranks_getRank($uid1);
}`
to:
$html .= '<div>';
$html .= __('Points:', 'cp').' '.cp_getPoints($uid1);
if(cp_module_activated('ranks')){
$html .= ' <img style="width:25px; height:25px;padding:0 1px 5px;vertical-align:top" src="'.cp_module_ranks_getLogo($uid1).'"/>';
$html .= ' '.cp_module_ranks_getRank($uid1);
}
Hope it helps.