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. You will need to import .eot, .svg, .ttf, and .woff files of your font, and name them the same. For example 'myFont'. Files need to be added to \wp-content\themes\your-theme-name\fonts folder.
2. Please take a look at the top of style.crush.css (or style.css) file and you will find @font-face declaration. You need to import your own font files in the same manner as FontAwesome for example, and declare the font-family as 'myFont' or any name you used for your font (*note that it has to be the same name you used for files).
3. Then you need to search for 'data-ico-fa' in the style.crush.css (or style.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.
*Please note that mf stands for the name of the font (in our example myFont), so if you named your font differently, you need to use acronym that matches your font's name. This refers to all the code that is added for new icons, as well as file names.
4. Then, you need to create new file in theme plugin's folder called bt_mf_icons.php. The file should be added to \wp-content\plugins\your-theme-name folder.
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 php file in your plugin's folder, search for bt_fa_icons() and add respective statements for bt_mf_icons() as well. The file is in \wp-content\plugins\your-theme-name folder (it is the file named as the theme).
*The example is from our Industrial theme but the process is the same for all themes.
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() );
In Appearance > Widgets panel you can see the list of available widgets and widget areas.
Here’s how they work - each theme has default widget areas, such as Footer widgets, Header Left widget, Header Right widgets, etc.
Some themes have custom widget areas made for each homepage in order to have different widgets on them.
The purpose of custom widget areas is to override the default widget areas on certain pages.
Custom widget areas are added in Appearance > Sidebars panel, by selecting which default area they will replace and on what page(s) they will display.
Once you select your homepage, go to Appearance > Widgets and check if that homepage has its own custom widget area.
If it does, you have two options – first is to move widgets from this custom widget area to a corresponding default area.
Other solution would be to simply assign that custom widget area to display on all pages by selecting them in Appearance > Sidebars panel.
*Example is from Renata theme, but the steps are the same for all of our themes.
All Blog Posts, and even Pages can have Excerpt text.
In order to change the ’Excerpt text’ please take a look at the bottom of edit post page. Since this field is not visible by default, just click Screen options button at top right corner of the form and check Excerpt checkbox.
This will make excerpt field visible. You will be able to edit Excerpt text.
For more info and detailed instructions please refer to our Online Theme Documentation.
Our themes currently do not support SVG image format. We also don't recommend using any of the plugins for SVG, such as SVG Support, Safe SVG, and others.
These plugins have not been tested with the themes, are not fully supported, and can cause themes' functionalities, such as Customize panel, to break.
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! :)
*Google has, starting July 16, 2018, made certain API and billing changes. In order to enable billing, you will need to provide credit card or billing account to Google Maps platform. Please note that we are in no way associated with Google Maps and their payment system and for any questions and issues regarding payments and billing you will need to contact them. Please refer to their FAQ and their documentation to learn more about these changes.
Bold Builder preview:
Rapid Composer preview:
For more info and detailed instructions please refer to our Online Theme Documentation.
When you decide which Homepage version you are going to use, then please follow the next steps:
2. In the chosen Homepage editor locate the Override Global Settings – at the bottom of page editor:
3. All the settings (logo, alternate logo, colors, menu type, typography etc.) should be set the same in Customization panel.
Have a look at the following example - copying accent color (note: example is on the Craft Beer theme, but it works the same on all themes):
Once you are done with setting main settings in Customization panel (logo, accent and alternate colors, menu layout etc.) then make sure to edit Primary Menu according to your needs (remove unnecessary Homepages etc.).
For more info and detailed instructions please refer to our Online Theme Documentation.
The best starting point is to go through the provided documentation.
It will guide your through the common tasks of theme installation and import of demo content.
You have 2 options for downloading your theme:
Documentation pdf is in the All files and documentation package. Please download it and the document should be in the root of the downloaded archive.
For more info and detailed instructions please refer to our Online Theme Documentation.
All single portfolio items inherit the settings from their template page. In order to edit excerpt text and header background image, please locate this page on All Pages list, and proceed to follow instructions from our article.
In order for this page to work as a template page for single portfolio items, make sure to add its slug to Settings Page Slug field in Appearance >Customize >Portfolio panel.
For more info and detailed instructions please refer to our Online Theme Documentation.
A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly.
You have 2 options for downloading your theme:
Please use Installable WordPress file only archive in the process of Theme installation:
Check our video tutorial how to install theme and import demo content.
Don't forget to subscribe to our YouTube channel!
For more info and detailed instructions please refer to our Online Theme Documentation.
Title in page headline is, by default, set to use h2 tag.
In order to change the tag, you will need to customize part of the theme's code, so some familiarity with PHP is necessary.
First, install and activate the child theme. Then, to child theme's functions.php file add the following code, below the default code that comes with the file.
<?php if ( ! function_exists( 'boldthemes_header_headline' ) ) { function boldthemes_header_headline( $arg = array() ) { BoldThemesFramework::$hide_headline = boldthemes_get_option( 'hide_headline' ); if ( ( ! BoldThemesFramework::$hide_headline && ! is_404() ) ) { $extra_class = ''; $dash = ''; $use_dash = boldthemes_get_option( 'sidebar_use_dash' ); if ( $use_dash ) $dash = apply_filters( 'boldthemes_header_headline_dash', 'bottom' ); $title = is_front_page() ? get_bloginfo( 'description' ) : wp_title( '', false ); if ( BoldThemesFramework::$page_for_header_id != '' ) { $feat_image = wp_get_attachment_url( get_post_thumbnail_id( BoldThemesFramework::$page_for_header_id ) ); $excerpt = boldthemes_get_the_excerpt( BoldThemesFramework::$page_for_header_id ); if ( ! $feat_image ) { if ( is_singular() && !is_singular( "product" ) ) { $feat_image = wp_get_attachment_url( get_post_thumbnail_id() ); } else { $feat_image = false; } } } else { if ( is_singular() ) { $feat_image = wp_get_attachment_url( get_post_thumbnail_id() ); } else { $feat_image = false; } $excerpt = boldthemes_get_the_excerpt( get_the_ID() ); } $parallax = isset( $arg['parallax'] ) ? $arg['parallax'] : '0.8'; $parallax_class = 'btParallax'; if ( wp_is_mobile() ) { $parallax = 0; $parallax_class = ''; } $supertitle = ''; $subtitle = $excerpt; $breadcrumbs = isset( $arg['breadcrumbs'] ) ? $arg['breadcrumbs'] : true; if ( $breadcrumbs ) { $heading_args = boldthemes_breadcrumbs( false, $title, $subtitle ); $supertitle = $heading_args['supertitle']; $title = $heading_args['title']; $subtitle = $heading_args['subtitle']; } // yoast plugin checking if ( $title != '' && is_singular() ) { if ( class_exists( 'WPSEO_Options' ) ) { $title = get_the_title(); } } if ( $title != '' || $supertitle != '' || $subtitle != '' ) { $extra_class .= boldthemes_get_option( 'below_menu' ) ? ' topLargeSpaced' : ' topSemiSpaced'; $extra_class .= boldthemes_get_option( 'menu_type' ) == 'hCenter' ? ' btTextCenter' : ' btTextLeft'; $extra_class .= $feat_image ? ' wBackground cover ' . $parallax_class . ' btDarkSkin btBackgroundOverlay btSolidDarkBackground ' : ' '; $feat_image_style = ''; if ( $feat_image != '' ) { $feat_image_style = ' ' . 'style="background-image:url(' . esc_url_raw( $feat_image ) . ')"' . ' '; } echo '<section class="boldSection bottomSemiSpaced btPageHeadline gutter ' . esc_attr( $extra_class ) . '"' . $feat_image_style . 'data-parallax="' . esc_attr( $parallax ) . '" data-parallax-offset="0"><div class="port">'; echo boldthemes_get_heading_html( $supertitle, $title, $subtitle, apply_filters( 'boldthemes_header_headline_size', 'extralarge' ), $dash, '', '' ); echo '</div>'; } } } } ?>
In order to create one page site, please follow the instructions below:
1. First, navigate to the Bold Builder edit panel and edit desired section. Add any ID (we recommend it to contain only letters, and not any additional signs) to the section in Custom Tab, Element ID field:
2. Then in Appearance > Menus add a new Custom Link and as a URL insert custom ID atribute with #.
For example: #about
For more info and detailed instructions please refer to our Online Theme Documentation.
All single product pages inherit the settings from their template page. In order to edit excerpt text and header background image, please locate this page on All Pages list, and proceed to follow instructions from our article.
In order for this page to work as a template page for single products, make sure to add its slug to Settings Page Slug field in Appearance >Customize >Shop panel.
For more info and detailed instructions please refer to our Online Theme Documentation.
In order to translate the theme, please follow the next steps:
Theme's .pot file is located in /wp-content/themes/your-theme-name/languages folder.
Please use PoEdit - https://poedit.net/ to translate the .pot file and create respective .po and .mo files.
Please name .po and .mo files e.g. potname-nl_NL.po and potname-nl_NL.mo (nl_NL is the language code for dutch and potname is the name of the .pot file you have started from - it corresponds to text domain of the theme). For other languages' codes, please refer to the following link: Internationalization.
In order to place .po and .mo files properly and not have them deleted when you update the theme, upload them to \wp-content\languages\themes folder. If you don’t have languages folder in your wp-content directory, please proceed and create one. Then create themes folder, and paste the files in it.
Alternatively, you can upload the .po and .mo files to your theme's /wp-content/themes/your-theme-name/languages folder. In that case name them only using the language code (for example nl_NL.mo and nl_NL.po)
Also make sure to translate the theme's plugin .pot file, located in \wp-content\plugins\your-theme-name\languages folder.
The steps are the same as for the theme, except the files should be named bt_plugin-nl_NL.po and bt_plugin-nl_NL.mo (with appropriate language code).
For plugin’s .po and .mo files, you should place them in \wp-content\languages\plugins folder.
You can set the site language of your WordPress installation on Settings > General. WordPress will automatically use the right language files if they exist.
If you want to use a child theme, please follow these steps:
To replace a function, copy it from the parent theme to the functions.php file in your child theme and make your modifications.
For example, if you want to change default pagination HTML output, you need to copy entire function to the child theme:
/** * Pagination output for post archive */ if ( ! function_exists( 'boldthemes_pagination' ) ) { function boldthemes_pagination() { ... } }
And then replace the output according to your needs. For example
if ( ! function_exists( 'boldthemes_pagination' ) ) { function boldthemes_pagination() { echo '<div class="new-archive-pagination"></div>; } }
Please note that this is an example for one function, and it might differ for other functions and changes.
You can find additional info in this article from EnvatoTuts+.
Once the new theme version is available, user who purchased the theme should get email note from the Envato (ThemeForest).
There are three ways to update the theme:
Download newest theme version from ThemeForest Download section. Since you already have the theme installed, you can download just 'Installable WordPress file only'.
In case you want to use this method, we suggest that you use Filezilla to access your server. Here is the article that explains how Filezilla works.
You need to extract theme file from the zipped folder you downloaded, and upload it to /wp-content/themes folder on your server. You will be prompted to overwrite the existing files. Select 'Yes', and the theme will update.
*The example is the zip file from Medicare theme but the process is the same for all themes.
This method is available since WP version 5.5. Please follow these steps:
Enable automatic theme update with the Envato Market Plugin. Once you install and activate this plugin, every time a new theme version becomes available, you will be able to update it with just one click.
You will need to go to the WordPress Updates page and navigate to the Themes section. The new version will be included in the section just like the themes from the WordPress repository.
* Whichever of these three methods you use for theme update, you will have to update theme plugin (and possibly some other required plugins) as well.
For plugin updates, you will get notification on your dashboard when new version is available.
If you made any changes in the source code you'll need to reapply them to the new version of the theme or they will be lost.
To prevent this, you can use child theme.
All settings in Customize panel and your content will be preserved.
For more info and detailed instructions please refer to our Online Theme Documentation.
The logo (and alternate logo) should be set in Appearance > Customize > General Settings panel. If, after setting your logo, it's still not visible on some pages, please do the following steps (note: example on Fast Food theme):
1. Navigate to the those pages' editor.
2. Locate Override Global Settings section at the bottom of the Page editor end remove Logo or Alternate logo:
For more info and detailed instructions please refer to our Online Theme Documentation.
In order to edit / remove excerpt text, navigate to the Page editor, and in Screen Options (at the top of the dashboard) enable Excerpt field.
After that, scroll to the bottom of the page editor where you’ll find Excerpt text.
The Header background image represents featured image added to the page. In order to replace existing image with your own, click on the image, and when redirected, select image from Media Library.
In order to entirely remove the image, click on ‘Remove featured image’ button.
In order to remove entire Header from pages, make sure to check ‘Hide Default Headline’ field in Appearance >Customize >General Settings panel, or in Override Global Settings at the bottom of the page editor:
Should you want to edit header on Single Post, Single Product or Single Portfolio then first locate page which settings are inherited. For more info refer to the articles:
See in action this feature in the following video tutorial. And make sure to subscribe to our YouTube channel!
For more info and detailed instructions please refer to our Online Theme Documentation.
Here is how the Setting generally works:
The settings in the Appearance > Customize panel are global, meaning that they influence every page on the site by default.
On the other hand, you have an option to override these settings on per page basis. If you take a look at the bottom of the page edit form, you will notice 'Override Global Setting' part in Settings Section - here you can override global settings for every page.
So, for example, if you need to change the logo then the value should be either absolute URL of the image or image ID from Media Library. The same is with Sidebar (left, right or no sidebar) or Boxed menu (true or false) etc.
When it comes to editing the Blog Posts, Portfolio projects or Products, than please refer to the articles:
Once you add titles with Yoast SEO plugin, header will display that title and site name, instead of the page title.
In order to show only title, without site name, you could change page title template to display only the title. In Yoast > Titles & Metas > Pages Title template, you could add title template as:
%%title%%
Other option would be to switch to All in One SEO Pack plugin, that does not affect header title.
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.
On Appearance > Customize > Header and Footer panel there is a Footer Page Slug.
This field should contain the slug of the page which serves as a template for footer area. All pages inherits settings, elements and shortcodes of the page referenced via this field.
In order to change elements in footer, please locate the page (on all pages list) with the slug entered in Footer Page Slug field and edit it.
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?
All single posts inherit the settings from their template page. In order to edit excerpt text and header background image, please locate this page on All Pages list, and proceed to follow instructions from our article.
In order for this page to work as a template page for single posts, make sure to add its slug to Settings Page Slug field in Appearance >Customize >Blog panel.
For more info and detailed instructions please refer to our Online Theme Documentation.
If after installing demo content inner pages are returning "404 Page not found" error, please try to recreate permalink structure by going to Settings > Permalinks, changing it to Post name, for example, saving the settings, then changing it back to the one you originally had, and saving it again.
The 404 error page can be customized by editing 404.php file in /wp-content/themes/your-theme/ folder.
There you can edit text, button (on some themes), or images.
In order to replace the background image on error page, please follow these steps:
1. First upload your image to /wp-content/themes/your-theme/gfx folder.
2. Edit the following part of the code:
<section class="bt-error-page gutter" style="background-image: url(<?php echo esc_url_raw( get_parent_theme_file_uri( 'gfx/plug.png' ) ) ;?>)"></section>
by changing the existing name of the image to that of your image.
Please note that the code might look a bit different than the example above, depending on which theme you are using.
Additionally, making larger changes to the structure of the page (code) falls under 'customization per request', so we can't assist with that type of edits.
Before importing our demo content, please make sure that you have installed and activated all our required plugins (and WooCommerce if you intend to use it).
The best practice is to start with fresh WordPress installation without previous content. If you have already added a new content, please make sure to do the backup in order to save that content. After the backup, delete all content and you can start with the next steps:
The procedure is as follows:
3. The first step of import process is to, once again, check your server settings. On this screen you will see if you have enough memory and script timeout, and if your PHP version is up to date.
Additionally, you will get a notification if you have previously installed our demo content.
Once you adjust all the settings, click ‘Start the import process’ button.
4. On the next panel you will see available demos. The number of homepages for each demo is noted, and you can click on the button ‘Visit demo’, and see how each demo looks like.
Click on the demo you want to install, and then click on ‘Continue and import this demo’ button at the bottom of the screen.
5. The following step is to select images’ download method.
Here is how each option works:
However, for this option all server requirements need to be met. Additionally, make sure that curl library is available and enabled.
2. Second option, ‘Download images to your server but do not create thumbnails‘, will still download images to your server, but will not create necessary thumbnails (to speed up the import process).
If you are going to use this method, install and activate ‘Regenerate Thumbnails’ plugin, and once the demo import is finished, regenerate thumbnails for all images.
3. Last option, ‘Use images hosted on our servers‘, will import demo the fastest, but the images will remain on our server.
What this means is that you need to keep BT WordPress Importer plugin active until you replace our images with yours. If you deactivate the plugin, the images will not be visible.
Once you finish with demo import and setting the homepage, you will be able to download the images from our server (refer to the additional step below).
Once you select images’ import method, click on the ‘Start the import’ button.
Depending on your server environment, and previously selected import method, the demo import process might take some time. Please be patient and don’t exit the import panel, otherwise you will stop the import.
When the import is finished, you will see the following screen. Click on ‘Select homepage’ button.
6. The last step is to select the homepage. Please note that some demos have multiple homepages, and some only one.
If demo has multiple homepages, you can click on ‘Visit homepage’ button and see how each individual page looks like. Once you select desired homepage, click on it, and then on ‘Set this homepage’ button.
Once the homepage is selected, its settings (accent colors, fonts, footer, etc.) will be set in Customize panel and applied to inner pages.
Additional step:
If you selected ‘Use images hosted on our servers‘ option, you will now see ‘Download external files‘ tab on your screen.
When you click on it, you will see how many images are left on our server, and you’ll be able to download them to your server.
Note that you don’t have to download all of them at once. You can start the process, download first few images, and then stop. When you go to download tab again, you can start the process again, and it will download only images that are left on our server.
If you installed WooCommerce plugin, go to WooCommerce >Settings panel and set its pages (Shop, Cart, etc.)
If you are getting 404 error on inner pages, go to Settings >Permalinks panel and click ‘Save changes’ button to flush the permalink structure.
That’s it, the demo is imported! :)
Please note that screenshot examples are from our 'Avantage' theme, but the steps are the same for all of them.