- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
WordPress. How to change chart colors
April 2, 2015
This tutorial shows how to change chart colors in WordPress.
WordPress. How to change chart colors
-
Navigate to WordPress admin section and go to Appearance->Editor, on the right under themeXXXXX you will see post_masonry_view.php file:
-
Open post_masonry_view.php file and look for this code:
$colorSetsPie = array( array( 'skill_color' => 'rgba(26, 50, 56, 1)', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => 'rgba(26, 50, 56, 1)', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => 'rgba(26, 50, 56, 1)', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => 'rgba(26, 50, 56, 1)', 'base_color' => 'rgba(255, 255, 255, 0)' )
-
In order to change chart background color, you will have to change every rgba (26, 50, 56, 1) color in the above code to the one you need. You can use this convertor Click here to convert a hex color string (e.g. “FFFFCC”) to numeric RGB value.
-
Then, look for this code in order to change skill border color:
$colorSetsDoughnut = array( array( 'skill_color' => '##21bee8', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => '#21bee8', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => '#21bee8', 'base_color' => 'rgba(255, 255, 255, 0)' ), array( 'skill_color' => '#21bee8', 'base_color' => 'rgba(255, 255, 255, 0)' )
In that code you have to change every #21bee8 color code to the one that you need:
-
Once you are done, click on Update file button and check your chart section, colors will be changed.
Feel free to check the detailed video tutorial below: