Contents

1. How to increase the size of the logo?

2. Can I redirect users to another page after submiting message?

3. I want to use a child theme. How can I do that?

4. I have purchased your theme. Now what?

5. Translate Datepicker

6. How to edit Footer area?

7. How to increase the size of the logo?

8. I want to use a child theme. How can I do that?

9. How to make a page load with accordion items closed by default

10. How to edit Footer area?

11. How to update a plugin

12. Embed code I have placed using text element is being cut off. It does not have the proper height. How can I resolve this?

13. I want to use a child theme. How can I do that?

14. Installing Demo Content

15. How to choose Home page version?

16. I want to use a child theme. How can I do that?

17. How to set up your Twitter widget?

18. How to edit clients email?

19. Is there some way I can see all the icons of Organic Food theme?

20. I want to use a child theme. How can I do that?

21. How to set the initial value for Select item?

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

23. How to make a page load with accordion items closed by default

24. Is there some way I can see all the icons of Shopscape theme?

25. I want to use a child theme. How can I do that?

26. How to set up grid or tiles layout?

27. How to change the header and edit other Single pages of Portfolio items settings?

28. How to increase the size of the logo?

29. My Google Maps element does not work. What should I do?

30. How to make a page load with accordion items closed by default

31. How to remove the 'Next' button

32. How to add „Read more“ button?

33. Installing Demo Content

34. How to create One page?

35. I want to use a child theme. How can I do that?

36. How to increase the size of the logo?

37. How to update installed theme? Will it change data?

38. Missing style sheet error when installing the theme

39. How to edit Footer area?

40. I want to use a child theme. How can I do that?

41. How to add custom icon font

42. Contact form visible by default

43. How to set Event week view?

44. How to change the header and edit other Single Shop Product page settings?

45. How to edit Footer area?

46. How to increase the size of the logo?

47. I installed the plugin, but I don't see it in the Dashboard

48. Is there some way I can see all the icons of Shopscape theme?

49. I want to use a child theme. How can I do that?

50. I want to add custom CSS statements to style my calculator. Where should I add them?

51. How to set initial value for Slider item?

52. How to edit Footer area on Kids Club theme?

53. How to increase size of the logo?

54. Will I loose content with updating the plugin?

55. How to add new icon?

56. How to make a page load with accordion items closed by default

57. I want to use a child theme. How can I do that?

58. How to change the header and edit other Single Post settings?

59. How to edit Footer area?

60. I want to use a child theme. How can I do that?

61. How to create One page?

62. How to redirect users to another page after the "Next" button?

63. I want to use a child theme. How can I do that?

64. How to make a page load with accordion items closed by default

65. How to add custom icon font to the theme

66. Is there some way I can see all the icons of the theme?

67. How to set up your Instagram widget?

68. I want to use a child theme. How can I do that?

69. How do I remove the bar with Total and leave contact form?

70. I want to use a child theme. How can I do that?

71. I don’t have installed Visual Composer. How to edit the shortcode without it?

72. I want to use a child theme. How can I do that?

73. My Google Maps element does not work. What should I do?

74. Is there some way I can see all the icons of the theme?

75. How to add new Font icons?

76. Is there some way I can see all the icons of Hotel California theme?

77. I want to use a child theme. How can I do that?

78. How to set initial value for Switch item to True?

79. I want to use a child theme. How can I do that?

80. I want to use a child theme. How can I do that?

81. How to make a page load with accordion items closed by default

82. How to create One page

83. I want to use a child theme. How can I do that?

84. How to translate plugin

85. How to place more than one marker on the map?

86. How to edit Footer area?

87. Is there some way I can see all the icons of Medicare theme?

88. How to increase the size of the logo?

89. How to disable Overlay Grid Lines?

90. I want to use a child theme. How can I do that?

91. How to make a page load with accordion items closed by default

92. Installing Demo Content

93. How to edit Footer area?

94. Is there some way I can see all the icons of Estato theme?

95. How to hide hover image effect?

96. How to set up grid or tiles layout?

97. How to edit Footer area on Industrial theme?

98. How can I round up the total value and remove .00?

99. Importing Demo

100. Missing Google API key - Google Map

101. Installing Demo Content

102. How to set initial value for Text item?

103. How to disable loading animation?

104. Duplicated content on all pages

105. How do I get 1.000,00 format for the total value?

106. I want to use a child theme. How can I do that?

107. How to make a page load with accordion items closed by default

108. How to edit Footer area?

109. I want to use a child theme. How can I do that?

110. I want to use a child theme. How can I do that?

111. How to increase the size of the logo?

112. How to edit Booking Form?

113. How to make a page load with accordion items closed by default

114. I want to use a child theme. How can I do that?

115. Is there some way I can see all the icons of Finance theme?

116. I want to use a child theme. How can I do that?

117. How to increase the size of the logo?

118. How to change logo?

119. How to add additional fields to contact form part of Cost Calculator?

120. How to edit Footer area?

121. I want to use a child theme. How can I do that?

122. Installing Demo Content

123. Is there some way I can see all the icons of Celebration theme?

124. How to change the e-mail address from Wordpress?

125. ​How to write a post in Mona theme?

126. I want to use a child theme. How can I do that?

127. How to change the header and edit other Single Post settings?

128. Issues with Grid layout

129. How to change the Excerpt text?

130. Is there some way I can see all the icons of the theme?

131. How to have a Split Screen page

132. How to change the Excerpt text and Header background image?

133. I want to use a child theme. How can I do that?

134. How to edit Footer area?

135. I want to change the position of section's background image on mobile resolutions so users do not see the center part of the image. How can I do that?

1. How to increase the size of the logo?

In order to increase size of the logo you need to add the following CSS statements to Custom CSS field of Appearance > Customize > General panel:

.menuHolder .logo img {
    height: 100px;
}
.topBarInLogoAreaCell {
    margin-top: 25px;
}

Please adjust the numbers according to your needs. The first number (100px) represents the height of the logo and the second (25px) represents the top margin between the header widget elements and viewport's top.

2. Can I redirect users to another page after submiting message?

The latest plugin update (Version 1.2.1) contains the field for URL that you want your users to be redirected to.

In order to redirect users to another page after submitting the form, add the URL to ‘Optional URL for confirmation’ field.



3. I want to use a child theme. How can I do that?

If you want to use Law Firm Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: law-firn. Otherwise rename the folder.
  2. You should be able to find the folder law-firm-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

For more info and detailed instructions please refer to our Online Theme Documentation.

4. I have purchased your theme. Now what?

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.

5. Translate Datepicker

First of all, edit bt_cost_calculator/bt_cost_calculator.php file in Plugins folder and locate the following line:

c.find( '.btContactDate' ).datepicker({

Then add the next codes above that line:

$.datepicker.regional['tr'] = {closeText: "kapat",
            prevText: "<geri",
            nextText: "ileri>",
            currentText: "bugün",
            monthNames: [ "Ocak","Şubat","Mart","Nisan","Mayıs","Haziran", "Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık" ],
            monthNamesShort: [ "Oca","Şub","Mar","Nis","May","Haz", "Tem","Ağu","Eyl","Eki","Kas","Ara" ],
            dayNames: [ "Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi" ],
            dayNamesShort: [ "Pz","Pt","Sa","Ça","Pe","Cu","Ct" ],
            dayNamesMin: [ "Pz","Pt","Sa","Ça","Pe","Cu","Ct" ],
            weekHeader: "Hf",
            dateFormat: "dd.mm.yy",
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: "" };
        $.datepicker.setDefaults( $.datepicker.regional['tr'] );

Edit required Labels according to your needs.

6. How to edit Footer area?


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.


For more info and detailed instructions please refer to our Online Theme Documentation.

7. How to increase the size of the logo?

In order to increase size of the logo you need to add the following CSS statements to Custom CSS field of Appearance > Customize > General panel:

.btLogoArea .logo span a img {
    max-width: 200px;
}

Please adjust the numbers according to your needs.

8. I want to use a child theme. How can I do that?

If you want to use Reconstruction Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: reconstruction. Otherwise rename the folder.

2. You should be able to find the folder reconstruction-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

9. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapse by default, please edit showcase/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){
 $( this ).find( '.tabAccordionTitle' ).first().click();
 });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

10. How to edit Footer area?


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.


For more info and detailed instructions please refer to our Online Theme Documentation.

11. How to update a plugin

If you have not customized the calculator, please download the latest version and rewrite the old files on the server with the new ones. The calculator files should be in /wp-content/plugins/bt_cost_calculator/ of your WordPress installation.

If you have customized the code, you will need to reapply the changes prior to upload of new version.

12. Embed code I have placed using text element is being cut off. It does not have the proper height. How can I resolve this?

It may happen that iframe created by your embed code gets cut off.

Please do the following to resolve this:
1. Define Custom Id for the section containing embed code (for example: section_1)


2. Add the following statements to Custom CSS field of Appearance > Customize > General panel 

#section_1 iframe {
    height: 150px !important;
}

Adjust the height according to your needs.

13. I want to use a child theme. How can I do that?

If you want to use Organic Food Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: organic-food. Otherwise rename the folder.

2. You should be able to find the folder organic-food-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

14. Installing Demo Content

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

1. Start with fresh WordPress installation and make sure that theme and required plugins are installed.

2. Go to ‘Tools > BT Import’ and select demo which you want to install.

3. Wait until you get message that import is finished. If you see red colored error message, go to Media Library and delete any unfinished downloads (images) and repeat the import.

15. How to choose Home page version?

When you decide which Homepage version you are going to use, then please follow the next steps:

  1. In the chosen Homepage editor locate the Override Global Settings – at the bottom of page editor:



2. 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.) than make sure to:


For more info and detailed instructions please refer to our Online Theme Documentation.

16. I want to use a child theme. How can I do that?

If you want to use Shopscape Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: shopscape. Otherwise rename the folder.
  2. You should be able to find the folder shopscape-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.



For more info and detailed instructions please refer to our Online Theme Documentation.

17. How to set up your Twitter widget?

In order to set up your Twitter widget you need following data:

Please follow this procedure to create required data.
1. Go to Twitter Apps, sign in and create New App.

                                

2. Complete the form, here’s a break down of what each field is:


Please check 'I agree'. You are now presented with a Consumer key – copy and paste this somewhere as we need that for the next step.

   


3. Click on 'manage keys and access token'. Then go to ’Create my access token’  and you will get Consumer Secret, Access Token and Access Token Secret.


   



6. Copy Consumer Key, Consumer Secret, Access Token and Access Token Secret and enter them to respective fields of Twitter widget. 



For more info and detailed instructions please refer to our Online Theme Documentation.

18. How to edit clients email?

In order to change the clients email than you should locate the bt_cost_calculator.php file and find function bt_cc_callback() in the code. The email formatting starts from the line:

$message_to_admin = ...

19. Is there some way I can see all the icons of Organic Food theme?

We use three different sets of icons in Finance theme: Font AwesomeStroke 7,  Essential setProductivity setProductivity and development setDesign setBusiness set and Gastronomy set.

Please refer to these links for preview of each icon set.

20. I want to use a child theme. How can I do that?

If you want to use Pastry Love Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: pastry-love. Otherwise rename the folder.
  2. You should be able to find the folder pastry-love-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.


For more info and detailed instructions please refer to our Online Theme Documentation.

21. How to set the initial value for Select item?

From the latest plugin update (Version 1.2.1) , initial value can be set in Cost Calculator Item Settings.

In order to set initial value for Select item, you need to add the index of the item you want to display as initial, in 'Initial select list index' field.

For example, if you have three items in Select field, and you want the second one to be initial, you would add number 2 to the field.



22. 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 (bt_cost_calculator) and pack it again as zip and then upload that zip.

23. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapse by default, please edit celebration/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){
 $( this ).find( '.tabAccordionTitle' ).first().click();
 });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

24. Is there some way I can see all the icons of Shopscape theme?

We use different sets of icons in Shopscape theme: Font AwesomeStroke 7 and Custom Icons: Shop1, Shop2Toys1Toys2Toys3Toys4Fashion and Shopscape.

Please refer to these links for preview of each icon set.

25. I want to use a child theme. How can I do that?

If you want to use Fitness Club Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: fitness-club. Otherwise rename the folder.

2. You should be able to find the folder fitness-club-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

26. How to set up grid or tiles layout?

The process of setting up grid layout is as follows:

1. Create a static page.

2. Add in Rapid Composer shortcode 'Grid':



3. Publish a page.

4. In Settings > Reading choose A static page and select the newly created page.



The home page of your blog should display the desired layout type. 

27. How to change the header and edit other Single pages of Portfolio items settings?

On Appearance > Customize > Portfolio panel there is a Settings Page Slug field. This field should contain the slug of the page which serves as a template for all portfolio items.  All single pages of portfolio items will inherit settings and shortcodes of the page referenced via this field.


                                                        


In order to change elements on single page of the portfolio item, please locate the page with the slug entered in Settings Page Slug field and edit it.



For more info and detailed instructions please refer to our Online Theme Documentation.

28. How to increase the size of the logo?

In order to increase size of the logo you need to add the following CSS statements to Custom CSS field of Appearance > Customize > General panel:

img.btMainLogo {
    height: 50px;
}
.menuHolder .menuPort {
    margin-top: 15px;
}

Please adjust the numbers according to your needs. The first number (50px) represents the height of the logo and the second (15px) represents the top margin between the header widget elements and content.

29. My Google Maps element does not work. What should I do?

Google has changed their Google map policies and now Google map APIs require an API key for new domains as of 22nd of June. Please refer to the following announcement: Google Geo Developers.

In order to resolve the issue with Google Map, please follow the next steps:

  1. First of all, you will need to create an API key as per instructions here: Get api key.
  2. After creating, please locate the cargo.php file in Plugin Editor and replace the following:
wp_enqueue_script( 
            'gmaps_api',
            'https://maps.googleapis.com/maps/api/js?v=&sensor=false'
        );

with:

wp_enqueue_script( 
            'gmaps_api',
            'https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY'
        );

Please change the YOUR_API_KEY with newly created API key and let us know if this resolves the issue.

30. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapse by default, please edit hotelcalifornia/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){
 $( this ).find( '.tabAccordionTitle' ).first().click();
 });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

31. How to remove the 'Next' button

From the latest plugin update (Version 1.2.1), 'Next' button can be removed in Cost Calculator settings.

In order to hide ‘Next’ button, deselect the ‘Display Next Button and Contact Form’ field.


32. How to add „Read more“ button?

To enable „Read more“ button at the end of each blog post excerpt, you can modify index.php, line 84:

$content_html = apply_filters( ‘the_content’, get_the_content( ’’, false ) );

like this: 

$content_html = apply_filters( ‘the_content’, get_the_content( ‘READ MORE’, false ) );

33. Installing Demo Content

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

First, delete all sample content (posts and pages) which is automatically created when
WordPress is installed. If you have already added a new content, please make sure to do the backup in order to save the content. After the backup, delete all content and you can start with the next steps:  

1. Start with fresh WordPress installation and make sure that theme and required plugins are installed. Since some demos contain WooCommerce data, please install WooCommerce plugin. Once you finish with the installation, you can remove WooCommerce plugin if you do not need it.


 


2. Go to ‘Tools > BT Import’ and select demo which you want to install.


 


3. Wait until you get message that import is finished. If you see red colored error message, just repeat the import until you get the message that import is finished. Import is incremental process and will finish eventually.

4. If you have imported demo with WooCommerce content, go to WooCommerce > Settings > Products > Display and select Shop as Shop Page; open Checkout tab and select Cart as Cart Page and Checkout as Checkout Page; open Accounts tab and select My Account as My Account Page.




For more info and detailed instructions please refer to our Online Theme Documentation.

34. How to create One page?

The best way to start is to install demo content. If you want to install one page demo please refer to the article: Installing Demo Content. You will be able to see how all elements on the single page are set.

Please have a look at the following steps, how to achieve one page:

1. First of all, navigate to the Bold Page Builder and edit desired section. Insert in required Custom Tab Element ID attribute:



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.

35. I want to use a child theme. How can I do that?

If you want to use Mona Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: mona. Otherwise rename the folder.

2. You should be able to find the folder mona-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

36. How to increase the size of the logo?

With the default header the maximum recommended logo height is 60px. The width doesn’t really matter – the logo will push menu to the right no matter how wide it is.

If you need more than 60px insert the following css statements in Customize > General Settings Custom CSS field:

.logo a img {
    height: 80px;
    padding-top: 15px;
}
.mainNav {
 padding-top: 20px;
}

Please adjust the numbers according to your needs. The first number (80px) represents the height of the logo, the second (15px) and the third (20px) represent the top margin between the viewport's top and the content.

37. How to update installed theme? Will it change data?

First of all, please make sure to download newest theme version from ThemeForest Download section.

Then, just replace the old theme files with new ones on your server via FTP (provided you haven’t made any changes in the source code. If you did, please reapply them to the new version of the theme or they will be lost). 

Keep your eyes on potential required plugin update messages at wp-admin dashboard once you replace the files. You should update all required plugins if the updated theme suggests so. 

All settings in Customize panel and your content will be preserved.

Note: Once new theme version is online, user who purchased the theme, should get email note from the Envato (ThemeForest).





For more info and detailed instructions please refer to our Online Theme Documentation.

38. Missing style sheet error when installing the theme

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:

  1. Log in to your WordPress admin area.
  2. Browse to Appearance > Themes.
  3. Click on ‘Add New’.
  4. Click ‘Upload Theme’.
  5. Browse and select the theme zip file to upload, then click 'Install Now' button. 



For more info and detailed instructions please refer to our Online Theme Documentation.

39. How to edit Footer area?

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.




For more info and detailed instructions please refer to our Online Theme Documentation.

40. I want to use a child theme. How can I do that?

If you want to use Hotel California Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: hotelcalifornia. Otherwise rename the folder.

2. You should be able to find the folder hotelcalifornia-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be reactivated. You can than modify style.css.

41. How to add custom icon font

In order to add new icon font, you need to 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 celebration plugin folder called bt_mf_icons.php by copying the file bt_fa_icons.php and changing it by mapping you glyph codes:

function bt_mf_icons(){
 $arr = array(
     '  ' => 'no_icon', 
     'myname1' => 'mf_' . 'xxxx',
     'myname2' => 'mf_' . 'xxxx',,
etc...

5. Finally, you need to edit celebration.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() );

42. Contact form visible by default

If you want the form to be open by default, please add the following css statements to the page:

.btQuoteBooking .btTotalQuoteContactGroup {
    opacity: 1;
    filter: alpha(opacity=100);
    max-height: 1000px;
}

.btQuoteBooking .btQuoteBookingForm.btActive .btContactNext {
    display: none;
}

.btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
    padding-right: 0px;
}

43. How to set Event week view?

Kids Club and Fitness Club themes use Events Calendar third party plugin for events list appearance.

From versions 1.0.4 - Kids Club and Fitness Club themes include Events week view element on Bold Builder page editor which contains several settings (Date, Number of events, week day format etc.) in order to illustrate week view.



For more info and detailed instructions please refer to our Online Theme Documentation.

44. How to change the header and edit other Single Shop Product page settings?

On Appearance > Customize > Shop panel there is a Settings Page Slug field. This field should contain the slug of the page which serves as a template for all products items.  All single pages of products will inherit settings and shortcodes of the page referenced via this field.


                                                          


In order to change elements on single page of the product item, please locate the page with the slug entered in Settings Page Slug field and edit it.



For more info and detailed instructions please refer to our Online Theme Documentation.

45. How to edit Footer area?


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.





For more info and detailed instructions please refer to our Online Theme Documentation.

46. How to increase the size of the logo?

In order to increase size of the logo navigate to the Appearance > Customize > Header and Footer and in Logo Height (in px) field write the number according to your needs:


47. I installed the plugin, but I don't see it in the Dashboard

When you finish installation and activate the plugin, the Cost Calculator will appear as Visual Composer element. When you navigate to the page editor you will see the Cost Calculator suggested on element list.



If you are not using the Visual Composer as a page builder, than the best option is to install our demo pages in order to see how all Cost Calculator are set. Please refer to the following article: Importing Demo.

48. Is there some way I can see all the icons of Shopscape theme?

We use three different sets of icons in Craft theme: Font AwesomeStroke 7Essential set and Design set.

Please refer to these links for preview of each icon set.




49. I want to use a child theme. How can I do that?

If you want to use Music Club Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: music-club. Otherwise rename the folder.
  2. You should be able to find the folder music-club-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.




For more info and detailed instructions please refer to our Online Theme Documentation.

50. I want to add custom CSS statements to style my calculator. Where should I add them?

If you use Visual Composer you should click on Page Settings button in the upper right corner of Visual Composer's interface on relevant Page Edit Form:

The Page Settings dialog will be displayed.
Please enter Custom CSS statements in the Custom CSS settings field.



If you do not have Visual Composer, please add the statements to your main CSS file or, alternatively, use third party plugin like: https://wordpress.org/plugins/simple-custom-css/.

51. How to set initial value for Slider item?

From the latest plugin update (Version 1.2.1) , initial value can be set in Cost Calculator Item Settings.

In order to set initial value for Slider item, you need to add the value between min and max values, in 'Initial value' field.

For example, if you have items from 0 (zero) to 200 in your slider, and you want the initial value to be 2 items, you should add 2 to the field.



52. How to edit Footer area on Kids Club theme?

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 inherit 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.





For more info and detailed instructions please refer to our Online Theme Documentation.



53. How to increase size of the logo?

In order to increase size of the logo you need to add the following CSS statements to Custom CSS field of Appearance > Customize > General panel:

.btLogoArea .logo img {
    height: 100px
}
.btMenuHorizontal .topBarInLogoArea {
    margin-top: 25px;
}

Please adjust the numbers according to your needs. The first number (100px) represents the height of the logo and the second (25px) represents the top margin between the logo and viewport's top

54. Will I loose content with updating the plugin?

With new plugin update you will not loose any content, but it will effect and overwritte any changes in the bt_cost_calculator.php code that you've made. The best way is to manually repeat modifications with new update.

55. How to add new icon?

In order to add new icon, you will need to upload some other files in addition to .svg.

Here is the process:

  1. Go to IcoMoon.

  2. Click IcoMoon App in upper right corner:


3. Click on hamburger Menu in upper left corner and choose Manage Projects:


  4. Click New Project. Rename the project if you want. Click Load:

  5. Click Import Icons:

  6. Choose your .svg file.

  7. If asked do you want to use font's metrics click "Yes".

 8. Click on hamburger Menu in upper right corner and click Select all.

 9. Click Generate font in lower left corner:

 

 10. Click Preferences and set fontawesome-webfont for Font Name:

  11. Click Download in lower right corner:


  12. Extract files from the downloaded archive's fonts folder:

  13. Locate the font folder in theme's folder on your server and delete everything that has fontawesome in the name including woff2 and oet file.

  14. At the end, upload newly created files from IcoMoon.

56. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapsed by default, please edit medicare/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){
 $( this ).find( '.tabAccordionTitle' ).first().click();
 });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

57. I want to use a child theme. How can I do that?

If you want to use Cargo Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: cargo. Otherwise rename the folder.

2. You should be able to find the folder cargo-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

58. How to change the header and edit other Single Post settings?

On Appearance > Customize > Blog panel there is a Settings Page Slug field. This field should contain the slug of the page which serves as a template for all blog posts.  All blog post will inherit settings and shortcodes of the page referenced via this field.

                                                          

In order to change elements on blog posts, please locate the page with the slug entered in Settings Page Slug field and edit it.




For more info and detailed instructions please refer to our Online Theme Documentation.

59. How to edit Footer area?



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.




For more info and detailed instructions please refer to our Online Theme Documentation.

60. I want to use a child theme. How can I do that?

If you want to use Addison Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: addison. Otherwise rename the folder.
  2. You should be able to find the folder addison-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.




For more info and detailed instructions please refer to our Online Theme Documentation.

61. How to create One page?

The best way to start is to install demo content. If you want to install one page demo please refer to the article: Installing Demo Content. You will be able to see how all elements on the single page are set.

Please have a look at the following steps, in order to set up one pager:

1. Insert Custom ID Attribute for the desired section element. 

2. Then in Appearance > Menus add a new custom link and as a URL insert custom ID attribute with #.


For more info and detailed instructions please refer to our Online Theme Documentation.


62. How to redirect users to another page after the "Next" button?

Please find the following lines in bt_cost_calculator/bt_cost_calculator.php:

c.find( '.btContactNext' ).click(function() {
                    $( 'html, body' ).delay( 1000 ).animate({
                        scrollTop: ( $( this ).closest( '.btQuoteBooking' ).find( '.btTotalQuoteContactGroup' ).offset().top - 30 )
                    }, 400 );
                    
                    var contact_group = $( this ).closest( '.btQuoteBooking' ).find( '.btTotalQuoteContactGroup' );
                    
                    $( this ).closest( '.btQuoteBooking' ).find( '.btTotalQuoteContactGroup' ).addClass( 'btActive' );
                    $( this ).closest( '.btQuoteBooking' ).find( '.btQuoteBookingForm' ).removeClass( 'btActive' );
                });

and change them with:

c.find( '.btContactNext' ).click(function() {
                    window.location = 'http://www.google.com';
                });

Please edit the url according to your needs.

63. I want to use a child theme. How can I do that?

If you want to use Craft Portfolio Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: craftportfolio. Otherwise rename the folder.
  2. You should be able to find the folder craftportfolio-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.


64. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapse by default, please edit showcase/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){
 $( this ).find( '.tabAccordionTitle' ).first().click();
 });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

65. How to add custom icon font to the theme

Hi,

This requires customization of several theme files. 

First of all you need to import your font file. Please take a look at the top of style.cargo.min.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, for example 'myFont'.

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

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

you need to create 

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

Please make sure to find all occurrences of data-ico-fa and create respective data-ico-mf statements.

Then, you need to create new file in cargo plugin folder called bt_mf_icons.php by copying the file bt_fa_icons.php and changing it by mapping your glyph codes:

function bt_mf_icons() {
 $arr = array(
 '  ' => 'no_icon', 
 'myname1 (mf)' => 'mf_' . 'xxxx',
 'myname2 (mf)' => 'mf_' . 'xxxx',
etc...

Finally, you need to edit cargo.php in your plugin's folder: 

search for bt_fa_icons.php and add equivalent statements for bt_mf_icons.php:

if ( ! function_exists( 'bt_mf_icons' ) ) {
 require_once( 'bt_mf_icons.php' );
 }

then search for bt_fa_icons() and add respective statements for bt_mf_icons() as well - 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(), nt_mf_icons(), bt_s7_icons(), bt_custom_icons() );

66. Is there some way I can see all the icons of the theme?

We use three different sets of icons in the theme: Font AwesomeStroke 7 and Custom Icons.

Please refer to these links for preview of each icon set.

67. How to set up your Instagram widget?

In order to set up your Instagram widget you need following data:

Client Id 

Please follow this procedure to create your Client Id and Access Token:

1. Go to the link: Authentication and login with your Instagram account

2. Click on Manage Clients in the upper right corner

3. Click on Register a New Client.


               


4. Complete the form, here’s a break down of what each field is:


             


You are now presented with a Client ID and the Redirect URL – copy and paste these somewhere (or leave the browser window open) as we need them for the next step.

5. Click on Edit Client button, click on Security Tab and uncheck Disable implicit OAuth. Click on Update button.




Access Token

Use the url below and replace the bits in UPPERCASE with the information you noted earlier on (Client ID and Redirect URL): https://instagram.com/oauth/authorize/?client_id=YOURCLIENTIDHERE&redirect_uri=HTTP://YOURREDIRECTURLHERE.COM&response_type=token&scope=public_content

Paste the updated URL in to your favorite browser and you will be taken to a page on Instagram that says something like, “Hello [Your Name], [Application Name] is requesting to do the following” followed by a list of permissions – click Authorize to enable and retrieve your token.

You should now have been redirect to the URL you set as your Redirect URL (probably your blog).  At the end of the URL Instagram has directed you to is your access token as a very long series of letters and numbers.  It will almost certainly not all be visible so you’ll need to work a little to get it.  We recommend:

Clicking in the address bar of your browser
Hit CTRL + A on the keyboard to ‘Select All’
Hit CTRL + C on the keyboard to ‘Copy‘
Open a text editor such as Notepad and paste the URL there, you should now be presented with something like this: http://www.bold-themes.com/#access_token=856946666.7338417.ffefasgtasg805784be6ab4f24965e79

Everything after the equals sign (=) is your access token so in our case this would be: 856946666.7338417.ffefasgtasg805784be6ab4f24965e79.

Please enter Client Id and Access token to respective fields of Instagram widget.




For more info and detailed instructions please refer to our Online Theme Documentation.

68. I want to use a child theme. How can I do that?

If you want to use Eventim Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: eventim. Otherwise rename the folder.

2. You should be able to find the folder eventim-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

69. How do I remove the bar with Total and leave contact form?

In order to remove Total bar and leave Next button please add the following css statements to the page:

.btQuoteTotal {
    display: none !important;
} .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
    padding-right: 0px;
} .btQuoteBooking .btContactNext {
    margin: auto;
} .btQuoteBooking .btQuoteBookingForm .boldBtn {
    float: none;
    margin: auto !important;
}

70. I want to use a child theme. How can I do that?

If you want to use Celebration Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: celebration. Otherwise rename the folder.

2. You should be able to find the folder celebration-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

71. I don’t have installed Visual Composer. How to edit the shortcode without it?

You can find the explanation on how to import all our demos In Cost Calculator documentation. 

You should be able to see see how to set calculator shortcodes (demos will work even without Visual Composer, you just need to remove unnecessary VC shortcodes from the content) once you import the demo.



72. I want to use a child theme. How can I do that?

If you want to use Ad Hoc Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: ad_hoc_portfolio. Otherwise rename the folder.

2. You should be able to find the folder ad_hoc_portfolio_child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

73. My Google Maps element does not work. What should I do?

Google has changed their Google map policies and now Google map APIs require an API key for new domains as of 22nd of June. Please refer to the following announcement: Google Geo Developers.

In order to resolve the issue with Google Map, please follow the next steps:

  1. First of all, you will need to create an API key as per instructions here: Get api key.
  2. After creating, please locate the ad_hoc_portfolio.php file in Plugin Editor and replace the following:
wp_enqueue_script( 
            'gmaps_api',
            'https://maps.googleapis.com/maps/api/js?v=&sensor=false'
        );

with:

wp_enqueue_script( 
            'gmaps_api',
            'https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY'
        );

Please replace the YOUR_API_KEY with newly created API key.

74. Is there some way I can see all the icons of the theme?

We use Font Awesome sets of icons in the theme. Please refer to the link for preview of icon set.

75. 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 by copying the file bt_fa_icons.php and changing it by mapping you glyph codes:

function bt_mf_icons(){
 $arr = array(
     '  ' => 'no_icon', 
     'myname1' => 'mf_' . 'xxxx',
     'myname2' => 'mf_' . 'xxxx',,
etc...

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() );

76. Is there some way I can see all the icons of Hotel California theme?

We use three different sets of icons in Hotel California theme: Font AwesomeStroke 7 and Custom Icons

Please refer to these links for preview of each icon set.

77. I want to use a child theme. How can I do that?

If you want to use Estato Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: estato. Otherwise rename the folder.

2. You should be able to find the folder estato-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

78. How to set initial value for Switch item to True?

From the latest plugin update (Version 1.2.1) , initial value can be set in Cost Calculator Item Settings.

In order to set initial value for Switch item, you need to add 'On' value to 'Initial value' field.

For example, if 'On' value is 1, you should add number 1 to the field.


79. I want to use a child theme. How can I do that?

If you want to use Kids Club Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: kids-club. Otherwise rename the folder.

2. You should be able to find the folder kids-club-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

80. I want to use a child theme. How can I do that?

If you want to use Food Haus Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: food-haus. Otherwise rename the folder.
  2. You should be able to find the folder food-haus-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.




For more info and detailed instructions please refer to our Online Theme Documentation.

81. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapsed by default, please edit fitness-club/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){ $( this ).find( '.tabAccordionTitle' ).first().click(); });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

82. How to create One page

The best way to start is to install demo content. If you want to install one page demo please refer to the article: Installing Demo Content. You will be able to see how all elements on the single page are set.

Please have a look at the following steps, how to achieve one page:

1. Insert in required shortcode section Custom ID Attribute. 

2. Then in Appearance > Menus add a new custom link and as a URL insert custom ID atribute with #.

83. I want to use a child theme. How can I do that?

If you want to use Fast Food Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: fast-food. Otherwise rename the folder.
  2. You should be able to find the folder fast-food-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

84. How to translate plugin

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

Please use PoEdit - https://poedit.net/ 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 e.g. bt_plugin-nl_NL.po and bt_plugin-nl_NL.mo (nl_NL is the language code for dutch) and place them in /wp-content/plugins/bt_cost_calculator/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. 


85. How to place more than one marker on the map?

Currently Cargo's map element does not support multiple markers. You need to customize Cargo's plugin a bit to achieve this. Please edit bt_gmap.js in your Cargo plugin's folder (usually /wp-content/plugins/cargo/) and find the following statements:

var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: icon
});

In order to add another marker please add the following just below the referenced statements:

var myLatLng = new google.maps.LatLng( 41.7144678, -75.015827 );
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: icon
});

where 41.7144678 and -75.015827 are latitude and longitude. Please adjust them according to your needs.

For additional markers just repeat the procedure above.

86. How to edit Footer area?


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.

87. Is there some way I can see all the icons of Medicare theme?

We use three different sets of icons in Medicare theme: Font AwesomeStroke 7 and Custom Icons

Please refer to these links for preview of each icon set.

88. How to increase the size of the logo?

In order to increase size of the logo you need to add the following CSS statements to Custom CSS field of Appearance > Customize > General panel:

.btLogoArea .logo img {
 height: 56px;
}

Please adjust the numbers according to your needs.

89. How to disable Overlay Grid Lines?

In order to disable Overlay Grid Lines, please navigate to the Appearance > Customization > General Settings and choose No Lines from the dropdown.


90. I want to use a child theme. How can I do that?

If you want to use Manufactura Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: manufactura. Otherwise rename the folder.
  2. You should be able to find the folder manufactura-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.


For more info and detailed instructions please refer to our Online Theme Documentation.

91. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapse by default, please edit eventim/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){
 $( this ).find( '.tabAccordionTitle' ).first().click();
 });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

92. Installing Demo Content

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

First, delete all sample content (posts and pages) which is automatically created when WordPress is installed. If you have already added a new content, please make sure to do the backup in order to save the content. After the backup, delete all content and you can start with the next steps:  

1. Start with fresh WordPress installation and delete all sample content (like posts and pages) which is automatically created when WordPress is installed.

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

3. 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.

If import appears broken, please delete any imported menus from Appearance > Menus and repeat the import. Do the same again if necessary (e.g. 5-10 times) until import is completed.

Additionally, because import process depends on server setup, you may ask your hosting provider for help.

93. How to edit Footer area?


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.





For more info and detailed instructions please refer to our Online Theme Documentation.


94. Is there some way I can see all the icons of Estato theme?

We use three different sets of icons in Estato theme: Font AwesomeStroke 7 and Custom Icons

Please refer to these links for preview of each icon set.

95. How to hide hover image effect?

In order to hide the hover effect on images, please add the Extra Class Name(s)  "btSimpleHover" to the required element (Row, Grid gallery or Image etc.):

and then add the following css statements to the Custom CSS field in Customize > General Settings:

.btSimpleHover .captionPane {
    display: none;
}


96. How to set up grid or tiles layout?

The process of setting up grid or tiles layout is as follows:

1. Create a static page.

2. At the bottom of page edit form choose desired Page Type (Tile Grid, Grid or Wide Grid). You do not need any content.

                         


3. Publish a Page.

4. In Settings > Reading choose A static page and select the newly created page.


                                                   


The home page of your blog should display the desired layout type. 

97. How to edit Footer area on Industrial theme?

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 inherit 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.




For more info and detailed instructions please refer to our Online Theme Documentation.



98. How can I round up the total value and remove .00?

The best way to change the total value from e.g. 2500.00 to 2500 is to modify plugin’s code.

Please locate line 546 in bt_cost_calculator.php in plugin’s folder. It should have the following code:

total = total.toFixed( 2 ).replace( /(\d)(?=(\d{3})+\.)/g, '$1,' );

Replace the noted line with the following statement:

total = Math.round(total);

It should round up your result to an integer without decimal points.

99. 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 pages in WordPress.

100. Missing Google API key - Google Map

Since Google has changed their Google map policies, Google map APIs require an API key for new domains as of 22nd of June 2016. Please refer to the following announcement: Google Geo Developers.



For more info and detailed instructions please refer to our Online Theme Documentation.

101. Installing Demo Content

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

1. Start with fresh WordPress installation and make sure that theme and required plugins are installed.

2. Go to ‘Tools > BT Import’ and select demo which you want to install.

3. Wait until you get message that import is finished. If you see red colored error message, go to Media Library and delete any unfinished downloads (images) and repeat the import.

102. How to set initial value for Text item?

From the latest plugin update (Version 1.2.1) , initial value can be set in Cost Calculator Item Settings.

In order to set initial value for Text item, you need to add the starting value you want to 'Initial value' field.




103. How to disable loading animation?

You can disable the loading animation by adding the following piece of code to Custom CSS field in Appearance > Customize > General panel:

#boldPreloader {
    display:none;
}

104. Duplicated content on all pages

If content on your pages has duplicated, the issue is most likely caused by Footer Page Slug field. This field should contain the slug of the page that serves as a template for footer.

The issue occurs when the field contains text that is not page's slug, when the wrong slug is added, or when the template page is not published.

In order to fix this, make sure that Footer Page Slug field contains the slug of the page which you will use as a template for footer. 

Also, make sure that the mentioned page is published.

Otherwise, if you won't be using template page to create footer, leave the Footer Page Slug field empty.


For more info and detailed instructions please refer to our Online Theme Documentation.

105. How do I get 1.000,00 format for the total value?

The best way to change the total format from e.g. 1,000.00 to 1.000,00 is to modify plugin’s code.

Please locate line 546 in bt_cost_calculator.php in plugin’s folder. It should have the following code:

total = total.toFixed( 2 ).replace( /(\d)(?=(\d{3})+\.)/g, '$1,' );

Replace the noted line with the following statements:

var n = total, c1 = 2;
var d = ",";
var t = ".", s = total < 0 ? "-" : "";
var i = parseInt(n = Math.abs(+n || 0).toFixed(c1)) + "", j = (j = i.length) > 3 ? j % 3 : 0;
 
total = s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c1 ? d + Math.abs(n - i).toFixed(c1).slice(2) : "");

It should change the format of your total.

In addition, if you want to allow users to enter the numbers in text fields in the format with comma as a decimal separator, please locate the following code segment:

var bt_parse_float = function( x ) {
    r = parseFloat( x );
    if ( isNaN( r ) ) r = 0;
    return r;
}

and replace it with:

var bt_parse_float = function( x ) {
    r = parseFloat( x.toString().replace( ',', '.' ) );
    if ( isNaN( r ) ) r = 0;
    return r;
}


106. I want to use a child theme. How can I do that?

If you want to use Medicare Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: medicare. Otherwise rename the folder.

2. You should be able to find the folder medicare-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.


107. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapse by default, please edit reconstruction/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){
 $( this ).find( '.tabAccordionTitle' ).first().click();
 });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

108. How to edit Footer area?

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.


For more info and detailed instructions please refer to our Online Theme Documentation.

109. I want to use a child theme. How can I do that?

If you want to use Industrial Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: industrial. Otherwise rename the folder.

2. You should be able to find the folder industrial-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

110. I want to use a child theme. How can I do that?

If you want to use Bold News Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: bold-news. Otherwise rename the folder.
  2. You should be able to find the folder bold-news-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

For more info and detailed instructions please refer to our Online Theme Documentation.

111. How to increase the size of the logo?

In order to increase size of the logo you need to add the following CSS statements to Custom CSS field of Appearance > Customize > General panel:

.menuHolder .logo img {
    height: 100px;
}

body.btMenuHorizontal.btStickyHeaderActive .mainHeader .menuHolder {
    padding: 20px 0;
}

Please adjust the numbers according to your needs. The first number (100px) represents the height of the logo and the second (20px) represents the top and bottom margins between the viewport's top and the content.

112. How to edit Booking Form?

Third Party plugin Contact Form 7 is used for Booking Form in Hotel California theme.

Once you edit labels (Arrival Date, departure date, Adults etc.) according to your needs, please have a look at the following codes, as an example of Message Body:

From: [Name]
Message Body:
Arrival date: [ArrivalDate]
Departure Date: [DepartureDate]
Room: [Room]
Adults: [Adults]
Children: [Children]
Name: [Name]
Email: [Email]

For more info, please refer to the article: Setting up mail.


113. How to make a page load with accordion items closed by default

In order to make a page load with accordions collapse by default, please edit cargo/bt_elements.js file in your wp-content/plugins folder and locate the following statements:

$( '.tabsVertical' ).each(function(){
 $( this ).find( '.tabAccordionTitle' ).first().click();
 });

Remove these statements from file or comment them out and your accordions will remain closed on page load.

114. I want to use a child theme. How can I do that?

If you want to use Showcase Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: showcase. Otherwise rename the folder.

2. You should be able to find the folder showcase-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

115. Is there some way I can see all the icons of Finance theme?

We use three different sets of icons in Finance theme: Font AwesomeStroke 7,  Essential setProductivity setProductivity and development setDesign set and Business set.

Please refer to these links for preview of each icon set.

116. I want to use a child theme. How can I do that?

If you want to use Finance Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: finance. Otherwise rename the folder.

2. You should be able to find the folder finance-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

117. How to increase the size of the logo?

In order to increase size of the logo you need to add the following CSS statements to Custom CSS field of Appearance > Customize > General panel:

.menuHolder .logo img {
    height: 70px;    
}

Please adjust the numbers according to your needs.

118. How to change logo?

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 alt_logo:




For more info and detailed instructions please refer to our Online Theme Documentation.

119. How to add additional fields to contact form part of Cost Calculator?

If you like to add additional fields to contact form part of Cost Calculator, please do the following:

1. Open bt_cost_calculator.php file in the code editor.

2. Locate the following piece of code:

$output .= '<div class="btQuoteItem' . $m_message . ' btQuoteItemFullWidth"><textarea class="btContactMessage btContactField" placeholder="' . __( 'Message', 'bt_plugin' ) . '"></textarea></div>';

and add above it the following:

$output .= '<div class="btQuoteItem"><input type="text" class="myText btContactField" placeholder="' . __( 'myText', 'bt_plugin' ) . '"></div>';

This will create the new field in the form with the placeholder text myText. Change it according to your needs (edit placeholder="' . __( 'myText', 'bt_plugin' ) statement)

3. Locate the following piece of code:

'message' : c.find( '.btContactMessage' ).val()

and add above it the following:

'mytext' : c.find( '.myText' ).val(),

it will ensure that the value of the newly created field gets propagated to backend upon form submission

4. Locate the following piece of code:

$message = $_POST['message'];

and add above it the following:

$mytext = $_POST['mytext'];

5. Locate the following piece of code:

if ( $message != '' ) $message_to_admin .= '<div style="padding:.5em;"><b>' . __( 'Message', 'bt_plugin' ) . '</b>: ' . stripslashes( $message ) . '</div>' . "\r\n";

and add above it the following:

if ( $mytext != '' ) $message_to_admin .= '<div style="padding:.5em;"><b>' . __( 'MyText', 'bt_plugin' ) . '</b>: ' . $mytext . '</div>' . "\r\n";

It will include the value of your field into the email body.

120. How to edit Footer area?

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.

121. I want to use a child theme. How can I do that?

If you want to use Wheelco Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: wheelco. Otherwise rename the folder.
  2. You should be able to find the folder wheelco-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.


For more info and detailed instructions please refer to our Online Theme Documentation.

122. Installing Demo Content

First, delete all sample content (posts and pages) which is automatically created when WordPress is installed. 

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

When it is installed, choose demo.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. 

Go to ‘Appearance > Menus’ and select ‘Primary Menu’ form select box, click ‘Select’ and check ‘Primary Menu’ under ‘Theme locations’. Click ‘Save Menu’. Select ‘Footer Menu’ form select box, click ‘Select’ and check ‘Footer Menu’ under ‘Theme locations’. Click ‘Save Menu’. Go to ‘Appearance > Customize > General Settings > Retina Logo > Media Library’ and pick your logo. Click ‘Save & Publish’.

123. Is there some way I can see all the icons of Celebration theme?

We use three different sets of icons in Celebration theme: Font AwesomeStroke 7 and  Custom Icons

Please refer to these links for preview of each icon set

124. How to change the e-mail address from Wordpress?

In order to change the sender name, if the visitor and admin are receiving an e-mail from "Wordpress", we suggest you to avoid code customization and to install a third party plugin which will allow this. For example this one: WP Simple Mail Sender.


125. ​How to write a post in Mona theme?

In order to write and edit the post content in Classic Editor, please close Rapid Composer in the bottom of the post editor:

                                         


126. I want to use a child theme. How can I do that?

If you want to use Craft Beer Child Theme, please follow these steps:

  1. First of all, make sure that parent theme folder is named: craft-beer. Otherwise rename the folder.
  2. You should be able to find the folder craft-beer-child in the package you have downloaded from ThemeForest.
  3. Please copy this folder to /wp-content/themes folder on your server.
  4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.



For more info and detailed instructions please refer to our Online Theme Documentation.

127. How to change the header and edit other Single Post settings?

On Appearance > Customize > Blog panel there is a Settings Page Slug field. This field should contain the slug of the page which serves as a template for all blog posts.  All blog post will inherit settings and shortcodes of the page referenced via this field.


                                                 


In order to change elements on blog posts, please locate the page with the slug entered in Settings Page Slug field and edit it.


128. Issues with Grid layout

If you have activated the theme with the existing content, you will have problems with grid layout.

Once it's activated, our theme generates necessary thumbnails for every newly uploaded image. Since these were uploaded prior to activation of the theme, thumbnails do not exist yet.

In order to correct this, please install the following plugin: Regenerate Thumbnails and run it. Once you do that, all necessary thumbnails will be regenerated and the issue should be resolved. All newly uploaded photos will be ok.


129. How to change the Excerpt text?

All Blog Posts, but 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.



130. Is there some way I can see all the icons of the theme?

We use two different sets of icons in the theme: Font Awesome and Stroke 7

Please refer to these links for preview of each icon set.

131. How to have a Split Screen page

In order to have split screen page, please do the following steps:

1. First, create a new page and then switch to the classic editor. 

2. Please find the code at the following link: Split Screen. Paste the attached code into the Text tab.

3. At the bottom of the page set Animations property to Half Page.


You will not get images, so you would need to add your own images as section backgrounds. In order to have the same effect as on the demo, you need to style your images like this:


132. How to change the Excerpt text and Header background image?


In order to change the header layout - ’Excerpt text’ and Featured Image, please do the following steps:

1. First of all, navigate to Bold Page Builder editor

Should you want to edit header on Blog, Shop or Portfolio page, Single Post, Single Product or Single Portfolio then first locate page which settings are inherited. For more info refer to the articles:

2. Once you are on the page edit form, please take a look at its bottom. Since excerpt field is not visible by default, just click Screen options button in top right corner of the form and check Excerpt checkbox. 

                        

This will make excerpt field visible. There you can edit text.

3. Featured page Image represents Header background image. Choose required image from the media Library as Featured Image on page Edit form.

Should you want to remove header, make sure to enable Hide Headline in Customization panel or in Override Global Settings at the bottom of the page editor:





For more info and detailed instructions please refer to our Online Theme Documentation.

133. I want to use a child theme. How can I do that?

If you want to use Genie Child Theme, please follow these steps:

1. First of all, make sure that parent theme folder is named: genie. Otherwise rename the folder.

2. You should be able to find the folder genie-child in the package you have downloaded from ThemeForest.

3. Please copy this folder to /wp-content/themes folder on your server.

4. Go to Appearance > Themes in your wp-admin console and activate child theme. Please have in mind that all required plugins need to be activated.

134. How to edit Footer area?


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.




For more info and detailed instructions please refer to our Online Theme Documentation.

135. I want to change the position of section's background image on mobile resolutions so users do not see the center part of the image. How can I do that?

In order to offset the image on mobile resolutions and put some other part of the image in focus instead of center area which is displayed by default, please use the following approach:

Add Custom Id to desired section (mysection_1 for example):

And then add the following css statements to Appearance > Customize > General, Custom CSS field:

@media (max-width: 600px) {

 #mysection_1{
   background-position-x: 400px !important;
}
}

This will offset image x position by 400 px only for device resolutions of up to 600px.

Adjust the numbers according to your needs.