General Information

Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you won't be disappointed. We do our best to produce top notch themes with great functionality, premium designs and human readable code. Before you get started we highly encourage you to get familiar with this documentation file. Spending half an hour reading the manual may save a lot of your time and avoid questions with obvious answers.

If you have any questions that are beyond the scope of this help file, please feel free to send your questions to our support email: bkninja.team@gmail.com. Our support team will reply you within 12 hours.

Please Note!
Our support covers getting setup, trouble using any features, and any bug fixes that may arise. Unfortunately, we cannot provide support for customizations or 3rd party plugins. If you need help with customizations of the theme, then you can contact us and we will offer you our customize service.

To use this theme you must have WordPress engine installed. We assume you have a working version of WordPress already up and running. If not, you can check this great tutorial guiding you through the process of WordPress installation.

How to install WordPress - A tutorial on how to install WordPress on your hosted domain.

We also encourage you to actively use the links below. These useful resources cover most of general WordPress questions you may have:

• Wordpress FAQ - Information and resources about WordPress including history, features, semantics, glossary, and information to help you determine whether or not WordPress is the blogging tool for you.
• Wordpress Lessons - Great source of knowledge for WordPress beginners
• PHP Function References - Detailed information on WordPress PHP functions and usage examples

To use this theme you must be running WordPress 4.0 or higher, PHP5.4 or higher. If you use hosting with limited resources (like the lowcost shared hosting providers), you may experience issues with one-click dummy data installation feature.

We recommend you to contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

• max_execution_time 600
• memory_limit 256M or 512M
• post_max_size 32M
• upload_max_filesize 32M

If you are running unmanaged dedicated server or VPS, you should check your php.ini file. Alternatively, you can edit .htaccess file in the root of your website and add the following values:

    php_value max_execution_time 600
    php_value memory_limit 256M
    php_value post_max_size 32M
    php_value upload_max_filesize 32M
    

Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plugins.

IMPORTANT! To avoid any errors that might come up during the installation we recommend to have memory limit set up to 512M.

Here is the list of other recommended web hosting services:

• Hostgator
• Bluehost
• Mediatemple
• Siteground
• WPengine

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. Luckily, there is a very easy fix.

Installing From the WordPress Dashboard

• Download the zipped theme pack to your local computer from themeforest and extract the ZIP file contents to a folder on your local computer.
• Log into your WordPress admin panel and click on the “Appearance” tab.
• Now click on the "Add New" button.
• Click on the "Upload" tab, click "Choose File" and select rubik.zip in the extracted folder then click "Open".
• Click the "Install Now" button.
• Activate the theme from this page by clicking "Activate", or "Return to Themes Page" and activate from there

Uploading via FTP

• Download the zipped theme pack to your computer from themeforest and extract the ZIP file to a folder on your computer.
• In the extracted folder you will find 'rubik.zip'. Extract this file .
• Using an FTP client to access your host web server
• Upload the Theme files in the extracted folder called 'rubik' to wp-content/themes directory provided by WordPress.
• Visit Admin panel -> Appearance -> Themes, look for the Rubik theme thumbnail, then click the Activate button to activate the theme.

Bulk Install Required and Recommended Plugins (recommended)

You can either install all the recommended plugins in bulk or individually select which ones you would like to install. We recommend installing all the recommended plugins.

• Visit Appearance ▸ Install Plugins

  

• After you've selected the plugins you want to install, click "Install" under "Bulk Actions".

  

One Click IMPORT DEMO Panel

1. Plugins Panel

   In this panel, you can easy to manage Install/Activate/Deactivate the plugins you want.

   
   

   




2. System Status Panel

   This panel shows your system configuration. Please make sure that your server PHP configuration limits are as follows

   • max_execution_time 600
   • memory_limit 256M or 512M
   • post_max_size 32M
   • upload_max_filesize 32M
   
   

   




3. Demo Panel

   After installing all requirement plugins, you should see this panel appears. In each demo, there is an option allows you to import the attachments or not.

   Once all settings are ready, please click the Import button and wait until the import process done. Then you can go back and check your website.

   
   

   

   
   

Manually Upload XML File

• Go to Admin panel -> Tools -> Import -> WordPress
• Install the plugin.
• Use it to upload the demo content XML file in the theme package.

1. Go to Dashboard > Tools > Import and Click on WordPress and Install it.

2. Choose a content_data.xml file from your download package and then click on Upload file and Import

3. Assign Authors and start import, click on Submit

4. This process may take a while on some hosts, so please be patient. (some hosts between 5-6 minutes)

If you are migration from a theme which used the native featured images functionality of WordPress, please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need.

Setup A New Menu

1. Navigate to Apperance -> Menus page
2. Click the "create a new menu" link to make a new menu. Enter the name then hit Create Menu
3. To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu. You can also add menu items by entering a custom name and custom link into the Links box. To create a megamenu, see Categories Mega Menus.
4. You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.
5. After setting up your menu, select menu location in the Menu Settings (Top Menu for navigation in top bar and Main Menu for main navigation below header)
6. Once its all done, make sure you click the Save button.
7. You can change menus locations at any time from Manage Locations tab .

Categories Mega Menus

The theme features a mega menu for category menu items to display latest posts in the corresponding category

• Add the Category you want to the menu.
• In the setting panel of category menu item there will be a checkbox called BK Megamenu.
• Check it if you want to make that category menu item a megamenu or uncheck to make it a normal menu item.
• Don't forget to set the menu location to Main Menu by clicking checkbox Main Menu in Theme locations section of Menu Settings.
• Click Save Menu to finish.

Column Menu Settings

The theme features a mega menu for column menu items to display your features in the columns

The Level 1 Menu Item should be the Main Menu Item, the Level 2 Items should be the Columns and the Level 3 Items should be the Column Menu Items.

Don't forget to enable Megamenu Function in the Main Menu Item Setting Panel

The theme supports a pagebuilder that you can easy build your content by drag and drop modules into the homepage sections .

Drag and Drop Homepage Builder

1. Go to Admin panel -> Pages -> Add new to create a new page.
2. Enter title for your homepage, example: Home Page. In the Page Attributes box, select Page Builder in Template option.
3. Click Update

You will see the Pagebuilder interface like this.

There are 2 sections:

1. Fullwidth Section
2. Content Section

Full Width Section: See all module demos Here

Has Sidebar Section: See all module demos Here

Setup front page

1. Once you finish building the homepage content, go to Settings -> Reading to set up your homepage.
2. In Front page displays option, choose A static page. In Frontpage option below, choose the page that you have just created in the steps above, example: Home Page. Click Save changes.
3. Go to your site home url to check if your homepage has been set.

• Step 1:

  
  

  




• Step 2:

  
  

  

1. Navigate to Appearance -> Customize .
2. Select Site Identity.
3. Click Select Image then upload your Favicon image.
4. Once uploaded click Save changes button to save your site Favicon.

Featured images for the posts

All of your posts should have a featured image .. this image will appear in the slider , post modules , sidebar .. etc

Subtitle Field

You can insert the subtitle of the post here

Post format

The theme support 4 WordPress post formats: Standard, Gallery, Video and Audio.

Gallery Format

When you select the Gallery Post Format, there is a Gallery Upload field appear that allows to upload the images to the gallery

Video Format

When you select the Video Post Format, there is a Text field appear that allows to insert the video link

Add Review

1. From the BK Review System box in the post edit page .
2. Tick the checkbox Enable Review On This Post. Then the review field will be shown
• Setup the criterias, you can add more criterias by click Add More button. This is unlimited
• Summary: Enter the Summary to the text field
• If you would like your reader can give their rating, then please click on the User Rating Check Box
• Review Box Position: The default option is under the post content, you can select another position like Align Left or Align Right Or Above the post content

Post Layouts

There are 17 Post Layouts that you can select for your Post.

1. Select a post layout that you would like for your post. If you select the default option, then the post layout setting will be get from Theme Option panel
2. Enable/Disable Heading Related Post Section
3. Post Nav Section Tyles: There are 2 types of Post Nav Section, you can select between "Under The Post Content" or "Fix on Left and Right Side" option
4. Select a Sidebar for this post
5. Setup Sidebar Left or Right

1. Select a layout for the category/tag page
2. Select a Sidebar for this page
3. Setup Sidebar Left or Right
4. Category Color: This is only applied for the category. This option allow to select a specific color for the category
5. Post Title Font Size: Customize the post title font size, leave empty to use the default font size
6. Post Title Letter Spacing: Customize the post title font letter spacing, leave empty to use the default number

1. General Settings

   The general Settings of the theme
   
   • Primary Color: this option allows to setup the main color of your website
   • Site Container Width: Setup the container width of your website, there are 4 options: 1110px, 1140px, 1170px and 1200px
   • Site Layout: Select between Wide or Boxed layout. If you select the boxed layout, then the site background field will be appeared.
   • Enable sidebar in responsive layout: Show/hide the sidebar if the device is smaller than 991px
   • Scroll Top Button: Show/Hide the scroll top button that should be appeared on the right-bottom corner of the screen

2. Header Settings

   1. Header Type

      There are 8 Header Types that you can select one for your Website. Especially, there are 5 styles for the second header and 2 styles for the last header (8th)

   2. Site Logo

      Upload a logo image to the upload field

   3. You can show/hide the logo by using Show/Hide Logo option
   4. Logo Margin Top and Logo Margin Bottom allows to setup the margin top-bottom for the logo image
   5. Logo position: This is just available for Header 1, Header 5, Header 6. Setup to display the Logo on the Left or Center of the Header
   6. Header Background
   7. Enable social header: Enable/Disable the Social Header. If you select Enable, then the social media setting fields will be shown
   8. Enable header banner: Enable/Disable Header Banner. If you select Enable, then the banner field settings will be shown

   9. Ticker Header Setting

      Select Enable to show the Ticker Setting Fields

      From here, you can setup the title, the query args of the ticker module

3. Top Bar and The Menus

   1. Top Bar

      Select Enable to show the Top Bar Setting Fields

      • Enable Date on Header Top Bar. Select Enable to show the date setting, you can setup the date on the left or right of the top bar
      • Top Bar Background Style: You can select the background style: color or gradient, the corresponding setting fields will be shown
      • Top Bar Text Color: Setup the text color of the Top Bar, ex: in case you use the dark background for the top bar, then the text color should be light

   2. Main Menu

      • Main nav Background Style: You can select the background style: color or gradient, the corresponding setting fields will be shown
      • Main Menu Text Color: Setup the text color of the Main Nav, ex: in case you use the dark background for the Main Nav, then the text color should be light
      • Main Menu Hover Text Color: the color of the menu text when user hover on it
      • Main nav alignment: this option is available on Header 1, Header 2, Header 5, Header 6, Header 8. Setup to show the main menu align left or center
      • Enable Sticky Header menu: Enable/Disable the sticky menu
      • Sticky Nav logo: Setup the sticky nav logo, if this field is empty, then the sticky nav will get the site logo
      • Input Ajax-Search Placeholder: setup the color of the search place holder on main menu

   3. Canvas Panel

      • Canvas Menu On Desktop: Enable/Disable the Canvas Menu Button on Desktop
      • Canvas Panel Style: Light Style and Dark Style are supported
      • Off-Canvas Background: select a background image for the canvas panel
      • Off-Canvas logo: Setup the Off-Canvas logo, if this field is empty, then Off-Canvas panel will get the site logo
      • Off-Canvas Menu Font: Setup the menu font of the Off-Canvas menu
      • Enable social header in Off-Canvas Menu: Enable/Disable Header Social
      • Off-Canvas Copyright
      • Canvas Button Style: Light/Bold Style
      • Off-Canvas Menu Button Color
      • Off-Canvas Menu Button Hover Color

4. Footer Settings

   1. Footer Sortable Option: You can enable/disable - drag/drop the footer layouts by using this option.
   2. Footer Padding Top & Footer Padding Bottom: Setup the padding top and bottom of the Footer
   3. Footer Background: You can select the background style: color, image or gradient, the corresponding setting fields will be shown
   4. Footer Content Color: if your footer background is dask, then you can select the footer content color is light and vice versa
   5. Force Footer Link Hover Color: if you want to force the link color when hover on it, please use this option. If you clear this option, the default will be used instead
   6. Footer Menu + Social Media Position: You can disable this section by selecting the disable option. Otherwise, select between Footer Top or Footer Bottom, the footer menu can be setup via Appearance ▸ Menus
   7. Footer Menu + Social Media Section: The details of Footer Menu and Social Media can be setup via this option like font, color, etc.
   8. Footer Instagram Section
   9. Footer Lower Section: This is the section that located at the very bottom of the page.

5. General Typography

   Setup the Typography of the following elements

   1. Body Font
   2. Top Bar: Setup Top Menu Font
   3. Main Menu
   4. Meta Font
   5. Title Font
   6. Text Font
   7. BlockQuote:
      • Blockquote Font: This option is used to setup the default blockquote and blockquote shortcode
      • Blockquote Background: Only apply for the default blockquote
      Default Blockquote: is in the < blockquote > tag

6. Small Post Settings

   Setup the small post typography here

7. Pages in General

   1. Breadcrumb Setting: Show/Hide the Breadcrumb. If you select "Show", then there are some setting fields of breadcrumb will be shown
   2. Pagebuilder Setting: Setup the sticky sidebar of the Pagebuilder

8. Category

   1. Category page layout: This is the Global setting for layout of category archive page, will be overridden by layout option in category edit page.
   2. Category page Post Title Font Setup: Leave blank to have the default font setup
   3. Enable Post Icon on category page: Only support for "Classic Blog layout", "Large Blog layout" and "Masonry Layout"
   4. Sidebar: Choose sidebar for Category page
   5. Sidebar Position: Support right and left sidebar
   6. Stick Sidebar: Enable Stick Sidebar / Disable Stick Sidebar

9. Archive

   1. Archive page layout: Layout for Archive page and Tag archive.
   2. Archive page Post Title Font Setup: Leave blank to have the default font setup
   3. Enable Post Icon on category page: Only support for "Classic Blog layout", "Large Blog layout" and "Masonry Layout"
   4. Sidebar: Choose sidebar for Category page
   5. Sidebar Position: Support right and left sidebar
   6. Stick Sidebar: Enable Stick Sidebar / Disable Stick Sidebar

10. Author

    1. Author page layout
    2. Author page Post Title Font Setup: Leave blank to have the default font setup
    3. Enable Post Icon on category page: Only support for "Classic Blog layout", "Large Blog layout" and "Masonry Layout"
    4. Sidebar: Choose sidebar for Category page
    5. Sidebar Position: Support right and left sidebar
    6. Stick Sidebar: Enable Stick Sidebar / Disable Stick Sidebar

11. Search Page

    1. Search page layout
    2. Search Result Setting
    3. Search page Post Title Font Setup: Leave blank to have the default font setup
    4. Enable Post Icon on category page: Only support for "Classic Blog layout", "Large Blog layout" and "Masonry Layout"
    5. Sidebar: Choose sidebar for Category page
    6. Sidebar Position: Support right and left sidebar
    7. Stick Sidebar: Enable Stick Sidebar / Disable Stick Sidebar

12. Blog Page

    1. Blog page layout
    2. Blog page Post Title Font Setup: Leave blank to have the default font setup
    3. Enable Post Icon on category page: Only support for "Classic Blog layout", "Large Blog layout" and "Masonry Layout"
    4. Sidebar: Choose sidebar for Category page
    5. Sidebar Position: Support right and left sidebar
    6. Stick Sidebar: Enable Stick Sidebar / Disable Stick Sidebar

13. Default Page Template

    This page can be created by the following steps:

    1. Create a New Page
    2. Select the page template as default page template
    3. Setup the page featured image
    4. Click Publish

    Page Options:

    1. Feature Image Show/Hide: On/Off
    2. Layout
    3. Page Sidebar: Choose sidebar for Category page
    4. Sidebar Position: Support right and left sidebar
    5. Stick Sidebar: Enable Stick Sidebar / Disable Stick Sidebar

14. 404 Page

    1. 404 Title
    2. 404 Description
    3. 404 Search: Enable Search / Disable Search on 404 Page
    4. 404 Latest Article Section: Select Enable this section, then the related setting fields will be displayed

15. Single Page

    1. Single Page Layout: The theme supports 17 layouts for the single page. This is the Global setting for layout of category archive page, will be overridden by layout option in the post setting page.
    2. Single Heading Related:
       • Enable/Disable Option
       • Setup the Single Heading Related Posts Entries
    3. Single Post Typography Setting: Customize the typography of Post Title, Post Content here
    4. Single Sidebar: This section supports to setup the sidebar of Single Page. You can select a specific sidebar here, setup sidebar left/right, and enable/disable sticky sidebar
    5. Insert Open Graph Meta Tags to Header: If you use a 3rd SEO plugin, then you should disable this option
    6. Enable/Disable share box on top of the post content: In this section, you can enable/disable the share item you want. Beside that, you can also edit the text that should be shown next to the social icons
    7. Enable Share Box Under The Post Content: Similar to the Social Share on Top of the post content
    8. Enable/Disable author box
    9. Enable/Disable post navigation
       • Single Post Nav Style: There are 2 styles that you can select. Under the post content or "Fixed on the left and right side"
       • Post Nav Font: The theme supports to change the font size of this section
    10. Enable/Disable related posts section: In this section you can setup the following fields:
        • Related Posts Output: Select number of Posts that should be shown in this section
        • Related Section Post Title Font
    11. Enable/Disable comment section
    12. Recommend Box Setting: This section supports to customize the recommended posts that shown on the bottom of Single Page

16. Module Heading, Sidebar Heading + Footer Widget Heading

    1. Module Heading: The theme support 13 module headings. You can select one, then customize in details (Typography, Color, etc.) in this section
    2. Sidebar Heading: There are 27 sidebar heading that supported by the theme. Please select one, then setup in details (Typography, Color, etc.) by the fields in this section
    3. Footer Widget Heading: There are 18 footer sidebar heading that supported by the theme. Please select one, then setup in details (Typography, Color, etc.) by the fields in this section

17. Import/Export

    This is the Import and Export Tool of the theme option setting panel.

    Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

You should install the "shortcode" plugin (can be found in Appearance -> Install Plugins) to use the shortcode supported by the theme

You can use these shortcodes in post/page editor

1. Dropcap: The theme supports 2 dropcap styles
2. Video: Including Youtube shortcode, Youtube Playlist shortcode and Vimeo shortcode
3. Columns
• 1/2 1/2
• 1/3 1/3 1/3
• 2/3 1/3
4. Info Box
5. Accordion
6. Tabs
7. Parallax
8. Author Box
9. Blockquote: The theme supports 3 Blockquote styles
10. Inline Posts Box

The theme also supports these shortcodes that can be used in shortcode module of the pagebuilder

This theme may be updated periodically in order to add new features and fix bugs. When a new update be available an update message will appears on your WordPress dashboard . As a customer, you can download the most current version from your ThemeForest account.

Updating Automatically

Envato have developed the Envato Toolkit Plugin for WordPress. You can use this to receive notification of updates to themes purchased from ThemeForest and to automatically update (upon clicking) directly from within your WordPress admin area.

• Download the plugin zip file to your computer.
• In your WordPress admin area, go to Plugins -> Add New then click Upload.
• Click Choose File, select the plugin zip file you downloaded and click Install Now.
• After installation, click Activate.
• Click the new Envato Toolkit link in the menu and follow the instructions to configure the plugin.

Updating Manually

• Download the most current version from ThemeForest in the "Downloads" area of your account.
• Unzip the package and locate rubik.zip in the theme folder.
• Go to Appearance -> Themes and activate another theme such as the default WordPress theme.
• Delete Rubik theme which is now inactive.
• Go to Install Themes -> Upload then install and activate rubik.zip from the new package.

Rubik theme is able to be translated into any language. The process of translating the theme is a user responsibility. The following instructions are given as guidance.

1. The first thing you need to do is to make sure that the theme has the appropriate language file. The rubik language files and eventually, the bonus ones are located in the theme's directory in the /languages/ directory. It's .pot file.
2. If you don't find the appropriate language file for your target language then you must copy the rubik.pot file and rename the copy accordingly to your desired language. The language files names must have this format "ll_CC", where "ll" is an ISO 639 two-letter language code (lower case) and "CC" is an ISO 3166 two-letter country code (upper case). The country code specification is not redundant: Some languages have dialects in different countries. For example, ‘de_AT’ is used for Austria and ‘pt_BR’ for Brazil. The country code serves to distinguish the dialects. See Language Codes and Country Codes for the lists of codes.
3. So let's say you want to translate to Brazilian Portuguese and you have copied rubik.pot to pt_BR.pot. Now you have to edit it using the world's favorite free .pot editor, PoEdit (http://www.poedit.net/download.php).

   

4. Once you open the file you will be presented with the list of all the English strings on the left side and their translation (if present on the right). To translate simply click on a line and on the bottom of the window, you can enter your translation. More info here: http://en.wikipedia.org/wiki/Poedit
5. Once you are done simply hit save in PoEdit and this will automatically save the .pot file and generate/regenerate the .mo file (a binary file).
6. Now all you have to do is change the language of your WordPress installation. To do this you need to go to Settings -> General -> Site Language and choose your appropriate language.

You can reopen the .pot file at any time and change, continue to translate, etc.

All done.

If you have any problem with the theme, you can post your question on ThemeForest comment section or email us at bkninja.team@gmail.com. We will try to answer as fast as possible. Our timezone is GMT +7.

If you like this theme please help us rate it 5 stars on ThemeForest by following the instruction below. We appreciate your kindness so much!