Chart with font awesome

[tsmith]

Hello,
Can you explain me how can I change the font awesome icons in charts ?

For example, change this :
[chart percentage='100' size='170' barcolour='#1a3666' trackcolour='#fececa' content='icon-bar-chart' align='left']

With the font awesome code :
<i class="fa fa-at"></i>

Thank for your help !

[Mohammad – SUPPORT]

Hi,
Please change the code content=’icon-bar-chart’. You can insert your font icon like content=’fa fa-at’.

Thanks
Mohammad

[tsmith]

Hi,
Sorry but it doesn’t work, i tried with this :
[chart percentage='100' size='170' barcolour='#1a3666' trackcolour='#fececa' content='fa-check-square' align='left']

I get only the text fa-check-square.

[tsmith]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please paste this code at functions.php of child theme.

function sf_enqueue_styles_new(){
wp_deregister_style('fontawesome');
wp_dequeue_style( 'fontawesome' )
wp_register_style('fontawesomeNew', '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css', array(), NULL, 'all');
wp_enqueue_style('fontawesomeNew'); 
}
add_action('wp_enqueue_scripts', 'sf_enqueue_styles_new', 111); 

Thanks
Mohamamd

[tsmith]

Thank you for your response.

Sorry but I have a blank page if I put this code in function.php..
Do you know from where is the problem ?

Thanks again.

[Mohammad – SUPPORT]

Hi,
Please remove that code and provide me wordpress admin login detail to inspect and resolve the issue.
Thanks

[tsmith]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I made all changes. Please change the code :-

[chart percentage='100' size='170' barcolour='#1a3666' trackcolour='#fececa' content="fa-check-square' align='left']

TO :-

[chart percentage='100' size='170' barcolour='#1a3666' trackcolour='#fececa' content='icon-check-square' align='left']

It should resolve the issue.

Thanks
Mohammad

[tsmith]

Hi Mohammad,
Thanks lot for your help 🙂

Have a nice day,
Olivier

[Kyle – SUPPORT]

Great, thanks Mohammad

– Kyle