1. Getting Started

We would like to thank you for choosing Tekprof.

We made Tekprof from the ground-up with flexibility in mind. Each element of Tekprof is extremely customizable, where you can make
Tekprof to reflect your own branding styles.

The guide gives you detailed methodologies about how you can customize Tekprof and make it fit your brand perfectly!

1.2. What's Included

After purchasing Tekprof Theme on Themeforest with your account, go to your Download page. You can choose to download Tekprof theme only or the entire Tekprof themme package which contains the following files:

  • Theme: Inside theme folder A .zip file with all with Tekprof WordPress theme
  • Documentation: An HTML format documentation.
  • Licensing: For Licensing
  • Demo:Main demo file, you can import it.
  • Plugin:With theme toolkit Plugin
included

1.3. System Requirements

When selecting a hosting service, you should check to see that these server requirements are provided and installed on their web servers:

  • PHP version 7.2 or greater
  • MySQL version 5.6 or greater

1.4. Theme Installation

Installing a WordPress theme is super easy.

  • Step 1: Navigate to AppearanceThemes in your WordPress admin dashboard.
    img
  • Step 2: Click the Add New button at the top of the page and go for the Upload option.
  • Step 3: Choose Tekprof.zip from your downloaded file then click Install
  • Step 4: Wait while the theme is uploaded and installed then activate the theme.
Install theme via FTP

Many users are on shared hosting with low upload limits, and in such situations the Bigbuzz theme is often too large to install through Wordpress. We suggest you should upload it via FTP.

If you don't know how to use FTP visit this link for information: http://codex.wordpress.org/FTP_Clients . You will need to first uncompress the PACKAGE-theme.zip file you have found in the master zip downloaded from Themeforest. This zip uncompresses into a normal folder. This unzipped folder is all you need to transfer via ftp and if you open it, you will see all sorts of folders and css and php files which together contain all the theme coding.   

Using the FTP program transfer this folder which contains the above files to the Wordpress installation theme root directory: /wp-content/themes.

Do not upload any of the other files or folders such as licensing or resource or documentation. Uploading any of the other folders may cause problems resulting in the theme not working properly. Learn from Wordpress Official Documentation about installing theme with FTP client or with cPanel: http://codex.wordpress.org/Using_Themes

1.4. Known problems when installing the theme

a. The “Broken theme and/or stylesheets missing” error is most common when you install or activate a new theme.

If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the bigbuzz_theme.zip within the Theme Files folder. You have to unzip the package file that you download from Themeforest to find this.

b. Problems with uploading via WP admin panel due Upload limit.

You may check your file upload limit on Your Media Uploader page in WordPress. Depending upon the web hosting company and the conditions of the service they provide it may vary. The most common is about 8 MB which is more or less enough. But uploading some media files like audio and video may become a problem with for example 2 MB upload limit.
We decided to share some tips about how to extend your maximum file upload size in WordPress:

1. Through functions.php file:

You may add the below mentioned code in the functions.php file of your theme

 @ini_set( 'upload_max_size' , '64M' );
@ini_set( 'post_max_size', '64M');
@ini_set( 'max_execution_time', '300' );

2. Through PHP.INI file:

If you cannot see the php.ini file in your directory create the new one with below mentioned code and upload it to your root folder on your web server.

If you can see the php.ini file then change parameters or add :

 upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300

In case that tip does not work with 64MB, try it with 10MB.

3. Through .htaccess method

You may try modifying the existing .htaccess file in the root directory or creating a new one.

Add the following code in the existing or new .htacess file:

 php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

1.5. Plugins Installation

Right after the theme was activated, a notification at the top of the screen will suggest to continue with the installation of the plugins recommended for getting the best our of your theme.

Follow the installation steps below:

  • Step 1. Click ‘Begin installing plugins‘ and select the plugins you need to install from the list.
  • Step 2: Select all plugins then choose Install , Click Apply to install all plugins
  • Step 3: After Installing all Plugins, select Activate then click Apply to active all plugins.

1.6. Demo Data Installation

Our demo data import lets you have the whole data package in minutes, delivering all kinds of essential things quickly and simply. All you need to do is to navigate to Appearance > Import Demo Data.

Hit Import Demo Data
Before you import demo data make sure you install and activated all required plugins

Have a cup of coffee. The process is within minutes.

Go to Setting > Reading > Front page displays and choose the page you like to be your front page then hit Save changes.

And Navigate to AppearanceMenus in your WordPress admin dashboard. and select a Main menu as Front Menu and Inner Pages Menu menu as footer munu And Footer Menu as Footer Menu

Have fun.................

After Importing demo data you have to change replace all image URLs and links on elementor pages

Custom Post

We have used one custom post type for Tekprof theme. You can add or delete or edit your custom post type.
  • Portfolio:For adding portfolios works.

Portfolio CPT

With Portfolio CPT you add your recent Portfolio or Portfolio

Navigate to Portfolio in your WordPress admin dashboard.

Here you can add project title content image and project categories.

Contact Form 7

Go to Contact in your dashboard. and click on add new button for adding a new contact form.

Learn More About Contact Form 7 from their Official Documentation site

4.Theme Options

From the Theme options, you will have more customization options for the following elements in your website.

We will look look into the details of the individual sections in the following:

4.1. Preloader

From the Preloader section, you can determine what the website shows as it loads the content of your website. You can customize the Preloader settings in the following ways:

Enable Preloader : From this section, you can enable or disable pre-loader option on our website. If you do not want to show any Preloader on your website, just off the setting from here.

Background : From this section, you can change background color of preloader

Line Color : From this section, you can change preloader line background color

4.2. Header

Navigate to the Header section from the Theme Settings option. Here you will get to customize the following options within the header. You can customize Header Layout, Logo, Extra information, Styling, And Menu as well.

4.2.1. Header Layout

From this section you can change Header layout

You can also enable sticky header form this section

4.2.2. Logo

Here you can upload your main logo and mobile panel logo. Also you can use text as your site logo

We recommend you upload the PNG version of your logo so that it can stand out on any background.

Logo Dimensions:From this option, you can change the width, height and pixel of your logo to meet your requirements.

4.2.3. Header Extra information

Form this section and can add contact button information

Your can also customize header Off Canvas panel. N:B:Off Canvas panel works only with header layout three

Select Panel logo:Here you upload panel logo here. We recommend you upload the PNG version of your logo so that it can stand out on any background.

Contact Blocks :With this option you can add contact information for your site

Social Icons :With this option you can add Social links

4.2.4. Header Styling

From the Header Styling option, you can customize the following sections.

Header Background Color: Show/Hide the header background color from this option of the section. If you choose to show the Header Background Color, you will get another option to pick the color you want it to be.

4.2.5. Header Builder

You can create custom menu from Template Builder and show any page or post As you need.



4.3. Footer

In the Footer section with the Theme Settings, you can customize the following: Footer Style, Font Colors, Background, Typography, Footer Bottom. In the following we will see how you can proceed with the available options

4.3.1 Footer Layout

Here you can select footer layout. You can use default footer or use footer from Template Builder

4.3.2 Footer Copyright

Here you can customize default footer copyright, Such as copyright text

4.3.3 Footer Builder

You can create custom menu from Template Builder and show any page or post As you need.

4.4 Page Heading

Navigate to the Page Heading from the Theme option. Here you can enable or disable page heading and Breadcrumb

From styling area you can customize page heading background, overly, and typography. And at bottom you should secc options for Breadcrumb. with those option you can customize Breadcrumb styleing

4.5.1. Blog Archive

You can customize how the Blog Archive section will look from here

Here you can change blog archive layout. You can also select the Read More text, show/hide Post Meta, Post Author and Post Category.

4.5.2. Blog Single

You can customize how the Blog single will look from here

Here you can change Social Share, Post Tag, Post Meta, Categories, Post Author Names, Comment Count Text, Post Date and Related Posts option of the blog. We recommend to show the social share, post tag categories on because it is helpful for the readability of the blog. .

4.6. Color Scheme

This section you can customize theme color scheme

4.7. Typography

Here you will get the functionality to change the Body, Heading typography. Typography for individual sections can be found with those sections individually. You can select Font Family, Size, Alignment and Color from this section.

4.8. Custom Scripts

Here can add custom scripts(js code). Must Be type without script tag and valid code

4.9. 404 error page

In the 404 Error Page section, You can change error image, title error message

4.10. Backup

From this section you can download the backup of the theme settings and also import previously saved theme settings.

5.Page Options

Tekprof Page Options get even more interesting in the creative process. These are a set of options that can be used on every single page, and will only affect the individual page you use them on.

Page options override theme options to allow extreme control over each page. Theme options are global, page options are individual. This setup gives you amazing creative flexibility that becomes indispensable when you start creating your site. Having the option to freely choose how individual pages are styled is incredible freedom.

Page layout: Here you can select layout for this page

Page Heading: Enable or disable page heading here. You can also add custom title for page heading

6. Widgets / Sidebars

The theme supports multiple location sidebar areas. Navigate to Appearance > Widgets to see available sidebars and widgets, to set overall site sidebar’s you will need to add some widgets inside your Primary Sidebar area. The primary sidebar area’s widgets will show on the blog sidebar; like below shot:

7. Elementor Guide

It’s about time for a live page builder, with no limits of design. A page builder that delivers high-end page designs and advanced capabilities, never before seen on WordPress. You can find the link below that have additional information about using Elementor.

Elementor Documentation

We provide 22+ Elementor widgets to make Tekprof perfect for your business


How to enable Elementor editor for different custom post types

Step 1 — Navigate to your website’s WordPress Dashboard > Elementor > Settings

Step 2 — Tick the post you want to edit with Elementor in the Post Types section and click the Save Changes button.

Step 3 — Then proceed to your post type (it can be Products, Team Members or any other type), hover over it and click Edit.

Step 4 — Now you can click Edit with Elementor button and start working!


How to import Elementor Template

Step 1 — Go to Templates > Saved Templates

Step 2 — Click the Import Templates button

Step 3 — Choose the file you want to import and click the Import Now button

Step 4 — Your imported template will now be displayed in your Templates list


How to disable Elementor default color and fonts?

If you notice that Elementor default blue color is getting on your website texts and it’s looking wired to you. Actually, it breaks the theme original design.

You can disable the Elementor default color from Elementor > Settings. From there, make the Disable Default Colors and Disable Default Fonts check-boxes checked.

8. Getting Update

You can get the updated theme on Themeforest

Updating Methods

There are four methods to update WordPress themes to the newer version. These new updates are essential if you want to have a bug free website as we give new features and improvements to the theme over time. Some of these updates might be needed in order to make the theme compatible with new versions of WordPress. There is no risk of losing your settings and pages. However if you had done modifications in parent theme files, then they will be lost.

Please note that before updating a theme, we recommend you to make a backup of your modified files. Also, we recommend to deactivate its current version and then upload the zip file with the new theme version then activate and update the theme.

1. Update Using FTP

  • Go to your Hosting Panel and find your FTP account. You need the username and the password.
  • Open FileZilla and click on File>Site Manager> New Site
  • Add the following details
    • Host: usually is ftp.yourdomainname.com
    • Protocol: FTP or SFTP
    • Logon Type: Normal
    • User: your username
    • Password: your password
    • Click on Connect.
  • Login into your Themeforest account and go to downloads
  • Download the theme into your computer
  • Unzip the item main file
  • Locate the Tekprof.zip file and unzip it. Make sure your unzipping software does not create an extra directory with the same name nested into each other.
  • Drag and drop theme main folder into your FTP program with the destination: “YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/”
  • FTP program will give a warning that there is an existing with the same directory name, choose to replace all.
  • It will take longer time to replace all files. After the theme files are replaced, login to your WordPress dashboard and you will see the updated version change log. You have to update the Tekprof core plugin as the same theme version of the theme to ensure the compatibility between the theme and core plugin. When there is a new update available for the plugin, you will find the plugin update notice in the dashboard.
  • To update the Core Plugin, just click to the “Begin Updating Plugin.“

Note: You can also upload the new version of the theme to “YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/” directory with cPanel File Manager. Make sure every time that, you have replaced the old theme with the new version of the theme.

2. Manual Update Through WordPress Admin Panel

  • Navigate to Appearance > Themes Activate another theme to deactivate the Tekprof theme
  • Delete the existing installed theme (old version).
  • Unzip the file you just downloaded from Themeforest and locate the WordPress Theme Tekprof.zip
  • Still within the Themes section, on the header tab, click on “Install Themes”, then on the header second tab click “Upload”.
  • Click “Browse…” and locate the new theme file Tekprof.zip
  • In the “Upgrade existing theme?” option choose “Yes” from the dropdown list.
  • Click “Install Now”.
  • Click “Activate”.

9. Get Support

If you are unable to find your answer in our documentation or if you have a problem, please you can contact us, we will check and help you as soon as possible. Please be sure to include your site URL as well or send us an email.