Important notice!

We have released an important security update for Bold Builder on August 23, 2019 - please make sure that your Bold Builder installation is updated to the latest version - 2.3.2.

You can update Bold Builder by going to Plugins panel of your wp-admin and by checking the version number next to Bold Builder. If you are offered the option to update it, please do it.

If your version number is lower than 2.3.2 and you have no notification to update it, please download the latest version from https://wordpress.org/plugins/bold-page-builder/ and update the plugin manually.

If you need help in the process, please feel free to leave a ticket and we will assist you.

Okay
  Print

How to add new Font icons?

In order to add new Font icons, you should customize the theme. Please do the following steps:

1. First of all you need to import your font file. 

2. Please take a look at the top of style.crush.css file and you will find @font-face declaration. You need to import your own font files in the same manner as FontAwesome and the rest and declare the font-family as 'myFont' or something similar.

3. Then you need to search for all 'data-ico-fa' in the style.crush.css file and create respective statements for your font. For example when you locate

*[data-ico-fa]:before {
    font-family: FontAwesome;
    content: attr(data-ico-fa);
    }

you need to create 

 *[data-ico-mf]:before {
    font-family: myFont;
    content: attr(data-ico-mf);
    }

etc.

4. Then, you need to create new file in Medicare plugin folder called bt_mf_icons.php. As an example of how the PHP file should look, you can use one of the existing fonts (bt_fa_icons.php) and copy their files' content, and replace it with your glyph codes.

Or, you can use the following example, and just replace the glyph codes (numbers: f100, f101, f102 etc.) with the ones from your icon set. 

function bt_mf_icons(){
 $arr = array(
     '  ' => 'no_icon', 
     'icon-01' => 'mf_' . '_f100',
     'icon-02' => 'mf_' . '_f101',
     'icon-03' => 'mf_' . '_f102',
     'icon-04' => 'mf_' . '_f103',
     'icon-05' => 'mf_' . '_f104',
);

The glyph codes are defined in style.css file of your font. Here is the example:

<?php
$set = strtolower( basename(__FILE__, '.php') );
$$set = array(
    'icon-01:before {
  content: "\f100";
}
    'icon-02:before {
  content: "\f101";
}
    'icon-03:before {
  content: "\f102";
}
    'icon-04:before {
  content: "\f103";
}
    'icon-05:before {
  content: "\f104";
}---->

5. Finally, you need to edit medicare.php in your plugin's folder, search for bt_fa_icons() and add respective statements for bt_mf_icons() as well. For example to change all occurrences of 

$icon_arr = array_merge( bt_fa_icons(), bt_s7_icons(), bt_custom_icons() );

to

$icon_arr = array_merge( bt_fa_icons(), bt_mf_icons(), bt_s7_icons(), bt_custom_icons() );