Bold Timeline - WordPress Timeline Plugin

Contents

1. How to ask for a refund?

2. How to translate plugin?

3. Importing Demo

4. How to add custom Icon Font to Bold Timeline

5. Where is my Purchase Code?

6. How to leave a review?

7. How to update a plugin?

8. I can’t upload plugin. It’s saying it is invalid. What went wrong?

9. How to install Bold Timeline plugin?

10. How to enter Purchase Code?

1. How to ask for a refund?

If you've decided that our theme / plugin doesn't work for you, we do offer a full refund.

In order to ask for a refund, please submit a request for a refund on the following link: http://themeforest.net/refund_requests/new.

Here's how the refund process works:

1. The refund request is sent to us via email, and we decide if we are going to approve it or not.

2. Once the refund is approved, it can take between 3 to 5 days for Envato to transfer money back to your account.

3. If the refund is not approved, you can always raise a dispute

You can find additional guidelines on the refund in the official Envato article.

2. How to translate plugin?

The procedure is standard – you can find the .pot file in the plugin’s languages folder.

Please use PoEdit to translate the .pot file and create respective .po and .mo fies.

You should upload .po and .mo files created using PoEdit back to plugin’s languages folder.

Please name .po and .mo files for example: bold-timeline-nl_NL.po and bold-timeline-nl_NL.mo (nl_NL is the language code for dutch) and place them in /wp-content/plugins/bold-timeline/languages/. 

For other languages code, please refer to the following link: Internationalization.

You can set the site language of your WordPress installation on Settings > General. WordPress will automatically use the right language files if they exist.

3. Importing Demo

The best way to start is to install demo content. If you want to install demo content please do the following:

Go to ‘Tools > Import > WordPress’ and install WordPress Importer plugin if it is not already installed.

When it is installed, choose xml file from demo_data folder and click ‘Upload file and import’. On the following screen make sure that ‘Download and import file attachments’ is checked. Click ‘Submit’ button and wait until import is finished.

You should see imported demo timelines in Bold Timeline panel.



4. How to add custom Icon Font to Bold Timeline

Please refer to the instruction below on how to add custom icons to Bold Timeline:

1. Copy the font files to /assets/fonts/

Make sure that your icon files contains .ttf and .woff files, as well as CSS file with icons' names and glyph codes. If it doesn't have these files, you could use IcoMoon to generate the files.

2. Create PHP file for your icons:

Usually you will name PHP file as the icons (for example, MyIcon.php) and saved to /assets/php/ . As an example of how the PHP file should look, you can use one of the existing fonts and copy their files' content, and replace it with your glyph codes. Make sure to rename the function name in the file in line with the name of your icon set (for example function my_custom_icons())

The glyph codes are defined in style.css file (located in downloaded file from e.g. IcoMoon). Here is the example:

.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";
}

3. Edit plugin files  - bold_timeline_item.php:

In \content_elements\bold_timeline_item\bold_timeline_item.php file,  locate the following line of code:

require_once( dirname(__FILE__) . '/../../assets/php/fa_icons.php' );
require_once( dirname(__FILE__) . '/../../assets/php/s7_icons.php' );
require_once( dirname(__FILE__) . '/../../assets/php/FontAwesome5Brands.php' );
$icon_arr = array( 'Font Awesome' => bold_timeline_fa_icons(), 'S7' => bold_timeline_s7_icons(), 'FontAwesome5Brands' => bold_timeline_FontAwesome5Brands_icons() );

here, you need to add the reference to your newly created php file and map the function within it. Here is how you need to modify the existing code:

require_once( dirname(__FILE__) . '/../../assets/php/fa_icons.php' );
require_once( dirname(__FILE__) . '/../../assets/php/s7_icons.php' );
require_once( dirname(__FILE__) . '/../../assets/php/FontAwesome5Brands.php' );
require_once( dirname(__FILE__) . '/../../assets/php/MyIcon.php' );
$icon_arr = array( 'Font Awesome' => bold_timeline_fa_icons(), 'S7' => bold_timeline_s7_icons(), 'FontAwesome5Brands' => bold_timeline_FontAwesome5Brands_icons(), 'MyCustomIcons' => my_custom_icons() );

note the require once statement and the additional member of the $icon_arr at the last line of code snippet.

4. Edit theme files - Additional CSS:

You also need to add the following statements to your theme css:

@font-face {
    font-family: 'MyCustomIcons';
    src: url(assets/fonts/MyIcon.woff?v=1.1.1) format('woff'),url(assets/fonts/MyIcon.ttf?v=1.1.1) format('truetype');
    font-weight: normal;
    font-style: normal;
    }
[data-ico-fa5b]:before {
    font-family: MyCustomIcons;
    content: attr(data-ico-fa5b);
    }

Remeber, you need to map every glyph in your Icon set as for fa5b glyph in the example above just as you did in MyIcon.php 

In the example above fa5b is the hex code of the glyph as defined in the MyIcon.php. The statement 

[data-ico-fa5b]:before {
    font-family: MyCustomIcons;
    content: attr(data-ico-fa5b);
    }

needs to be added for every glyph and string fa5b needs to be replaced with the respective hex code

5. Add custom Admin CSS:

Finally you need to add the following statements to your admin theme css (or plugin's style-admin.css file) in order to display the proper icons in the icon selection control:

@font-face {
    font-family: 'MyCustomIcons';
    src: url(assets/fonts/MyIcon.woff?v=1.1.1) format('woff'),url(assets/fonts/MyIcon.ttf?v=1.1.1) format('truetype');
    font-weight: normal;
    font-style: normal;
    }
.bt_bb_icon_preview_fa5b {
    font-family: MyCustomIcons;
}
[data-ico-fa5b]:before {
    font-family: MyCustomIcons;
}

Again, remember that you need to map every glyph in your Icon set as for fa5b glyph in the example above just as you did in MyIcon.php 

In the example above fa5b is the hex code of the glyph as defined in the MyIcon.php. The statement 

.bt_bb_icon_preview_fa5b {    font-family: MyCustomIcons;
}
[data-ico-fa5b]:before {    font-family: MyCustomIcons;
}

needs to be added for every glyph and string fa5b needs to be replaced with the respective hex code

5. Where is my Purchase Code?

If you are having some troubles finding your Purchase Code, please have a look at the following article: Envato Market Help - Where Is My Purchase Code?

6. How to leave a review?

If you are satisfied with our support or you like our product, please consider supporting us by giving us a rating at the downloads section of your ThemeForest profile (just below the download button) - http://themeforest.net/downloads

When leaving a review, we encourage you to:

You can find more information on reviews in official Envato article.

Thanks a lot in advance! :)

7. How to update a plugin?

There are two ways to update Bold Timeline plugin - through wp-admin or through FTP.

Since plugin version 1.0.3 it is possible to update plugin through your dashboard, in Updates panel. In order to be able to do this, you will need to register your purchase code.

You can register your purchase code in Bold Timeline >Product License panel, on your dashboard.

Other option to update Bold Timeline to the latest version is to download the plugin folder from the download section of your CodeCanyon profile and update through FTP. We suggest that you use Filezilla to access your server. Here is the article that explains how Filezilla works.

Extract bold-timeline file from the folder you downloaded, and upload it to /wp-content/plugins/ folder of your WordPress installation. You will be prompted to overwrite the existing files. Select ‘Yes’, and the plugin will update.

If you have made some changes in the plugin’s code, you will need to reapply the changes in the new version.

Timelines that were made before update will be preserved.

8. I can’t upload plugin. It’s saying it is invalid. What went wrong?

Please unpack plugin folder and upload to your wp-content/plugins using FTP. The archive contains not only plugin but also the other files. 

If you want to upload in admin panel, you need to unpack plugin folder (bold-timeline) and pack it again as zip and then upload that zip.

9. How to install Bold Timeline plugin?

There are two methods of installing a plugin onto your WordPress site. You can use the WordPress Admin panel to upload and install the plugin, or you can use FTP software instead.

WordPress Plugin Installation

To install the plugin directly from the WordPress admin panel, please first log-in to your wp-admin console.

  1. Navigate to Plugins > Add New,
  2. Click Upload Plugin,
  3. Click Choose File.
  4. If you want to upload in admin panel, you need to extract plugin folder (bold-timeline folder), from downloaded bold-timeline.zip file and pack it again as zip and then upload that zip.
  5. Click Install Now and the installation will begin.
  6. Once the installation is complete, go to Plugins screen and look for the newly uploaded Bold Timeline in the list.
  7. Click Activate to activate it.

http://documentation.bold-themes.com/bold-timeline/wp-content/uploads/sites/53/2019/11/activate-plugin-1.jpg


FTP Installation

To install the plugin using FTP software, log in to the server where your WordPress website is hosted.
First extract bold-timeline folder from downloaded bold-timeline.zip file.

Now connect to your server via FTP and navigate to the wp-content/plugins folder in your WordPress directory online. Upload bold-timeline folder to the plugins’ folder on your remote server.

Once the plugin is uploaded, you need to activate it. Go to ‘Plugins > Installed Plugins’, find Bold Timeline and click ‘Activate’ button.

10. How to enter Purchase Code?

Since Bold Timeline version 1.0.3, once you install and activate plugin (or just update plugin to that version if you had it previously), a new option, Product License, will appear in Bold Timeline panel.

Once you enter Bold Timeline's purchase code you will be able to receive notifications about new plugin versions, and update it through your dashboard, in Updates panel.

Please note that you are not required to enter purchase code in order for the plugin to work. Registration with purchase code is only used to receive plugin updates through wp-admin panel.