Documentation - Koncrete | Responsive Construction, Industrial WordPress Theme

1| Requirements

You need at least WordPress version 5.0+ installed for this theme to work properly. It is strongly recommended that you always use the latest stable version of Wordpress to ensure all known bugs and security issues are fixed. Other requirements:

  • PHP version 7.2 or greater. But for maximum speed, we recommend to use PHP version 7.4.x
  • MySQL version 5.6 or greater.
  • WordPress memory limit of 512 MB or greater

2| Theme Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

  • FTP Upload: Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
  • WordPress Upload: Navigate to Appearance > Themes > Add New > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

After that you need to install and activate the following pre-packaged plugins:

  • Koncrete Core: Required and must install plugin.
  • RT Framework: Required and must install plugin.
  • Redux Framework: Required and must install plugin.
  • RT Demo Importer: Required if you want to import demo contents. You can deactivate it after demo is imported.
  • Elementor: Recommended. Page builder plugin.
  • Contact Form 7: Optional. Install if you want to use contact form.

N.B: All plugins must be installed and activated if you want your site to look exactly like demo.

To install these plugins, navigate to Appearance -> Install Plugins and start installation.

3| Importing Demo contents

Want to build your site like the demo? You can do it by only one click!

** Note: Before proceeding, please remember that when you are done with the demo import, all existing settings and contents will be removed and replaced by the demo contents. So it is highly recommended that you should only do this in fresh site.**

3.1 | Auto Import

First please make sure that Koncrete Parent Theme is activated on your site.

From Admin menu, navigate to Tools > Demo Content Install. Or alternatively, navigate to Plugins > RT Demo Importer > Install Demo Contents.

In this page, Click on the Install button for installing the demo.

It will take some time for importing the demo contents. Please note: Some images are replaced with a placeholder image because of licensing.

After importing demo data, please update your permalink. To update permalink, navigate to Settings > Permalink and then click onSave Settings button.

If you face any issue, check the Troubleshooting section from here.

3.2 | Manual Import

We have provided some sample contents inside sample-data directory which comes with your theme package. You have to import those contents.

You will need to import 4 file

  1. content.xml
  2. widget.wie
  3. slider.zip
  4. options.json

1. Importing content.xml

From Admin menu, navigate to Tools > Import. From there select the WordPress and then run the importer ( It will ask you to install the importer before if this is your first time ). In the next step when file uploading option appears, select the content.xml file from sample-data and start uploading. In next step select the checkbox saying Download and import file attachments and click on Submit. Then it’ll start uploading contents eg. pages, posts etc.

2. Importing widget.wie

You can import widgets using plugin Widget Importer & Exporter. After installing this plugin, navigate to Tools > Widget Importer & Exporter. In the next step when file uploading option appears, select the widgets.wie file from sample-data and start importing.

3. Importing slider.zip

From Admin menu, navigate to LayerSlider WP, then click on Import Sliders option. In the next step when file uploading option appears, select the slider.zip file from sample-data and start importing.

4. Importing options.json

First open the file options.json in any text editor and copy the whole contents. Now from Admin menu, navigate to Appearance > Theme Options, then go to import/Export tab. From there click on Import from file option. A textbox will appear, paste the copied contents on that textbox and click on Import button.

3.3 | Change Primary Menu

After the demo installation, some times the top menu doesn’t set as primary menu automatically. In this case, you need to set top menu as your primary menu.

To do that, Navigate to Appearance > Menus. Choose top menu from Select a menu to edit. Then from Menu Settings > Display location set to primary

4| Theme Features

4.1| Sitewise Colors

From Admin menu, navigate to Appearance > Theme Options. Then go to Colors tab.

Choose your preferred primary and secondary color from the color palette.

After changing the settings, Click on Save Changes button.

From Admin menu, navigate to Appearance > Theme Options. Then go to General tab.

You need to choose 2 type of logo. One for normal layout(main logo) and another for transparent layout(

After changing the settings, Click on Save Changes button.

4.3| Favicon

Favicon is the little icon which you see at the address bar of your browser.

To set this, from Admin menu navigate to Appearance -> Customize link.

Then navigate to Site Identity

From there you can upload the “Site Icon” which will be used as favicon

For more details, here’s the WordPress official instruction link for setting up favicon: https://wordpress.org/support/article/creating-a-favicon/

4.4| Preloader

From Admin menu, navigate to Appearance > Theme Options. Then go to General tab

Here you can find the option for enabling/disabling “Preloader” option. Also you can upload your custom preloader image. When uploading image, make sure it’s a transparent GIF image.

After changing the settings, Click on Save Changes button.

4.5| Back to Top Arrow

From Admin menu, navigate to Appearance > Theme Options. Then go to General tab

Here you can find the option for enabling/disabling “Back to Top Arrow” option. Choose your preferred option

After changing the settings, Click on Save Changes button.

4.6| Header and Top Bar

To change the Header related settings, please go to Appearance > Theme Options. Then go to Header tab. Following features are available:

  • There are total 5 Header Layouts. You can choose your preferred layout combinations from here. You can change this settings from any individual pages too.
  • You have options to enable/disable Sticky Header.

After changing the settings, Click on Save Changes button.

4.7| Menu

You can customize menu typography (font related settings) and color from theme options. To customize menu typography navigate to Appearance > Theme Options. Then go to Typography tab. You can set menu, submenu, mobile fonts.

To customize menu color navigate to Appearance > Theme Options. Then go to Colors tab. From whre you can set color for menu, submenu, transparent menu.

To change screen width for responsive menu navigate to Appearance > Theme Options. Then go to Headers tab. From whre you can set responsive menu viewport width.

After changing the settings, Click on Save Changes button.

4.8| Multi Column Menu

Multi column menu looks like this:

To make any menu item multi column, you have to add some specific classes in the parent menu item. Here’s an example:

Here I used css class mega-menu which turns the submenu items into multi column. Also i used another class hide-header which hides the title Column 1 and Column 2 inside menu.

NB: If you can’t see the field CSS Classes, you have to enable it first. To do this, go to the top and follow this screenshot below:

You can change footer copyright text and toggle copyright option from footer settings. To change footer copyright info navigate to Appearance > Theme Options. Then go to Footer tab.

koncrete theme footer change

After changing the settings, Click on Save Changes button.

To change footer background color, text color, Link color, Hover color navigate to Appearance > Theme Options. Then go to Colors tab.

koncrete theme footer colors option

After changing the settings, Click on Save Changes button.

To set up footer widgets, navigate to Appearance > Widgets. Here you can find available footer widget areas.

koncrete theme footer widget

4.10| Typography

You can change the typography of Body and Headers. To do this, go to Appearance > Theme Options. Then go to Typography tab.

After changing the Typography settings, Click on Save Changes button.

4.11| Contact & Socials

You can set up your contact and social info which are displayed in Top Bar and Footer. To do this, navigate to Appearance -> Theme Options. Then go to Contact & Socials tab.

After changing the settings, Click on Save Changes button.

4.12| Custom Sidebar

You can create as many as Custom Sidebar as you want. Also you can replace the Default Sidebar with your Custom Sidebar easily in any page. To create a new custom sidebar, navigate to Appearance -> Widgets. Here you’ll see the option for creating new sidebar.

After your custom sidebar has been created, you can place this sidebar in any individual page. To do that, you have to choose this custom sidebar in Layout Settings option.

4.12| Elementor Header & Footer Builder

5| Layout Settings

From here you can set default layouts for pages, blog, posts etc. You can find this settings on Appearance -> Theme Options and then Layout Defaults tab.

This settings is similar for all submenus under “Layout Defaults”, so for convenience i’ll just describe for one item (Pages).

Layout: You can choose various layout types for pages eg. Left Sidebar, Right Sidebar, Full Width.

Content Padding Top: Paddings at the top of page contents. (see image below)

Content Padding Bottom: Paddings at the bottom of page contents.(see image below)

Banner: You can enable or disable banner (see image below).

Breadcrumb: You can enable or disable breadcrumb (see image below).

Banner Background Type: You can choose weather you want a background image or background color for banner.

Banner Background Color/Image: You can select the banner background color or image from here.

6| Layout Settings for Individual Post Types

You can override the above settings for individual post types. For any post types (like Posts, Project, Pages, Services, Team, etc), when you go to Add New or Edit page, you can find similar settings like above under the “Layout Settings” box. If you change any settings from here, this will take priority. If you choose default, settings from the Theme Options > Layout Defaults (described above) will be used.

7| Blog Settings

Navigate to Appearance > Theme Options. Then go to Blog Settings tab. From here you can change Blog/Archive related settings.

Here you can on off viewing following item

  • Post date
  • Post author
  • Post categories
  • Comment number

You can change Read more text as well from these settings.

8| Post Settings

Navigate to Appearance > Theme Options. Then go to Post Settings tab. From here you can change settings for single post .

You can toggle view for

  • Post date
  • Author Name
  • Comment Number
  • Categories
  • Tags
  • Social Sharing
  • Author Info

You can select list of social icon you want to display beneath each blog post.

After changing the settings, Click on Save Changes button.

9| Error Page Settings

Navigate to Appearance > Theme Options. Then go to Error Page Settings tab. Settings will look like this:

11| Custom post type settings

We have created several custom post types eg. Team, Project, Service etc. You can change the slug (which is used as part of url) of these custom post types easily. To do this, go to Appearance -> Theme Options. Then go to General tab. Here you’ll find these options:

After changing the settings, Click on Save Changes button.

12| Project (Custom Post Type)

You can add a new Project from Projects menu. For each Project you’ll see the following settings:

Some notable settings for each projects

  • You can upload images for each project gallery
  • Under Project Info you can add project type
  • You will get a repeater which contain field content & field value. By this repeater you can add project meta information. E.g. client, location, year completed, value…

For displaying project in other page using Elementor, we have created Elementor elements for you. From Elementor, Go to RadiusTheme Elements section and choose Project Gallery then choose your desired layout. You can alternatively search on Elementor search box with keyword project.

13| Team (Custom Post Type)

You can add a new Team from Teams menu. For each Team you’ll see the following settings:

Some notable settings for each team under Team member settings

  • Designation eg. CEO
  • social profile link (facebook, Twitter, Linkedin, Youtube, github, Instagram…)

For displaying team in other page using Elementor, we have created Elementor elements for you. From Elementor, Go to RadiusTheme Elements section and choose Team Gallery then choose your desired layout. You can alternatively search on Elementor search box with keyword team.

14| Service (Custom Post Type)

You can add a new Service from Services menu. For each Service you’ll see the following settings:

You can choose a Service Icon from right side

For displaying service in other page using Elementor, we have created Elementor elements for you. From Elementor, Go to RadiusTheme Elements section and choose Service Gallery then choose your desired layout. You can alternatively search on Elementor search box with keyword service.

15| Testimonial (Custom Post type)

You can add a new Testimonial from Testimonials menu. For each Testimonial you’ll see the following settings:

Some settings for each testimonial

  • Designation. Eg. designation

  • Number Of star (Out of 5)

For displaying testimonial using Elementor, we have created Elementor elements for you. From Elementor, Go to RadiusTheme Elements section and choose Testimonial then choose your desired layout. You can alternatively search on Elementor search box with keyword testimonial.

16| Elementor elements

We have created several Elementor elements for you. You can find them from RADIUSTHEME ELEMENTS tab in the Elementor elements

Some notable elements are

  • Info box
  • Post Gallery
  • Project Gallery
  • Team Gallery
  • Service Gallery
  • Testimonial
  • Title subtitle button
  • Video with title
  • Title content button
  • Section title subtitle
  • Call to action
  • Widget title
  • Service Widget image
  • Video Popup Icon
  • Progress bar
  • Counter
  • Accordion
  • Logo showcase
  • Address
  • Google Map
  • Header Menu
  • Background Image
  • About History

NB. We are using elementor default Accordion and change it’s style accordance our theme looks

17| Built-in CSS Classes (Advanced)

You can use the following built-in css classes if needed:

  • bg-primary: Set Primary Background color
  • bg-secondary: Set Secondary Background color

18| Custom Widgets

You can use the following Widget in any place of your theme ( like in footer & sidebar ). Our all theme custom-widget prefix with theme name.

19| Special Tutorials

19.1| Setting up Contact Form

We are using plugin Contact Form 7 for contact functionality. You can see their documentation for better understanding.

If you don’t want to go through all the troubles to check their documentation and just want to use the default contact form we provided with this theme, please at least set up the default emails in contact form settings. (Because if you don’t do that, all form submission emails will come to us instead of you). To do that, please follow the steps below:

Step 1:** Navigate to Contact, and then click on Contact form 1 link.

contact form 7

Step 2:** From this page, click on Mail tab. Here you should set your own email address where you want to receive user submitted forms. Then click on save button.

Step 3:** Please submit some dummy forms from Contact page to make sure that it’s working properly.

19.2| Translating Theme

You can translate this theme to another language easily. You actually have to translate two things for your website to work properly: Koncrete theme and Koncrete Core plugin. This plugin plays a major role in theme functionality, so if you don’t translate this plugin along with the theme you can’t be able to get the full translation.

There are many tools available for translation. But the easiest way is to use plugin Loco Translate. Using this plugin, you can literally translate any WordPress themes or plugins if it supports translation.

Note: Please remember, if you update the theme later your translations might be gone if they are stored inside theme/plugin. So please keep a backup of Koncrete theme and Koncrete Core plugin first before updating theme.

Here’s a quick video tutorial about how to use Loco Translate:

19.3| Updating Theme

Occationally we provide updates which includes new features and bugfixes. Updating WordPress theme is standard WordPress functionality. There are few ways to update WordPress theme. You can follow any of the methods described below:

Note: Before updating, make sure to keep a backup of your website to be in safe side.

Method 1: Automatic Update by Using Envato Market Plugin

  1. Install and activate the “Envato Market” plugin manually. Here’s the plugin zip file: http://envato.github.io/wp-envato-market/dist/envato-market.zip
  2. From WordPress Admin Panel, navigate to “Envato Market” menu.
  3. After completed the above steps successfully, Navigate to Appearance > Themes. Here you’ll see an Update now link beside your theme. Click on that link and your theme will be updated automatically.

Here’s a quick video tutorial explaining this method:

Method 2: By Uploading zip File

  1. From WordPress Admin Panel, Navigate to Appearance > Themes.
  2. Activate any other theme (eg. Twenty Seventeen) than the current one.
  3. Delete Koncrete Theme.
  4. Now you have to upload the updated theme zip file. To do this, Navigate to Appearance > Themes > Add New > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Method 3: By FTP

  1. Using your FTP client, navigate to /wp-content/themes/ folder on your server and delete the Koncrete folder from there.
  2. Now upload the latest non-zipped theme folder into that /wp-content/themes/ folder .

20| Demo Content installation failed

20.1| Demo Content installation failed

This is a hosting issue. In most hostings demo installation will work fine. But some hostings block certain permissions which may cause this issue. If this happens to you, you can contact your hosting provider or alternatively send a support request to support@radiustheme.com and we will help you to fix this.

20.2| 404 Error in all pages

If you face this type of issue, please update your permalink. To update permalink, navigate to Settings > Permalink and then click on Save Settings button.

21| Contact

If you face any issue, please contact at support@radiustheme.com

Thank you for purchasing our theme.