Construction is a premium WordPress theme for construction, building companies, commercial building contractors, architect builder and plumber etc., and where the ease of use is achieved without compromise in your ability to customise the design.

Our support team is looking forward to helping you!

We work Monday to Friday. Please remember this when you contact us. It’s faster for us provide support by our support system.

Support Forum: https://support.sk-web-solutions.com/

• Updated: October 07, 2021
• Version: 4.2
• Created by: SK Web Solutions
• Demo URL: https://construction.sk-web-solutions.com/showcase/
• Support Forum: https://support.sk-web-solutions.com/

1. Installation
   • Install via FTP
   • Install via WordPress
   • Plugin Installation
   • How to import demo content
   • How to update Construction
2. Theme Options
   • General
   • Topbar and Menu
   • Logo and Favicon
   • Social Networks
   • Blog Options
   • Service Options
   • Project Options
   • WooCommerce Options
   • Footer Options
   • Google Map Options
   • Custom Code
   • 404 Page Option
3. Pages
   • Create a New Page
   • Create The Homepage
   • Page General Options
   • Page Header Options
   • Page Sidebar Options
   • Page Footer Options
   • Page SEO Options
   • Setting up Menu
   • Visual Composer Element
     • Accordion
     • Button
     • Count Down
     • Check Website
     • Countdown
     • Document
     • Gallery
     • Google Map
     • Our Team
     • Icon Box
     • Latest Blog
     • Max Counter
     • Our Clients
     • Our Team
     • Package
     • Project Detail
     • Project
     • Service
     • Testimonials
     • Main Title
     • Video Popup
   • Service
   • Project
   • Sidebars & Widgets
     • Sidebars
     • Widgets
   • Customisation
   • Increase Page Speed

To Install this theme you must have a working version of WordPress already installed. For more information regarding installing the WordPress platform, please see the WordPress Codex.

Please note that we do not give support or any questions related on how to install and maintain wordpress. For any faulty installation that may cause your website or our theme malfunction you should refer to wordpress support forum. Alternatively you can get help from your web hosting.

If you’ve downloaded whole theme package, unzip it. There you will find the theme installation file , user manual, dummy content .xml file etc.

Alternatively you can simply download the installable WordPress file.

When you are ready to install a theme, you must first upload the theme files and then activate the theme. For this purpose, unzip the file that you downloaded from themeforest and there you would find theme (construction.zip) file and upload it via wordpress installer. The theme files can be uploaded in two ways

Step by step: How to install Construction via FTP

• Step 1 – Log into your FTP client to access your host web server
• Step 2 – Browse to find the construction.zip file on your computer (located in downloader folder from ThemeForest) and unzip it.
• Step 3 – Upload the folder you extracted from the zip file to yourdomain/wp-content/themes/ folder
• Step 4 – Activate the newly installed theme by going to WordPress > Appearance > Themes and clicking the Activate button.
• Step 5 – After you activate Construction you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Construction Theme Functinality, Visual Composer and Revolution Slider plugin is required.
• Step 6 – Click on Install Button on each plugin to start installing them. After you’ve installed them, Activate them.

Step by step: How to install Construction via WordPress admin panel

• Step 1 – Navigate to Appearance > Themes
• Step 2 – Click Add New and click the Upload button.
• Step 3 – Browse to find the construction.zip file on your computer and click Install Now
• Step 4 – Activate the newly installed theme by going to Appearance > Themes and clicking the Activate button.
• Step 5 – After you activate Construction you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Construction Theme Functinality, Visual Composer and Revolution Slider plugin is required.
• Step 6 – Click on Install Button on each plugin to start installing them. After you’ve installed them, Activate them.

Construction includes 4 plugins that will need to be installed and activated: Construction Theme - Functionality, Visual Composer, Revolution Slider and Contact Form7. When you install Construction, you will get a notification message in your WordPress admin telling you of the required and recommended plugins.

Required plugins:

1. Construction Theme - Functionality: This is our own plugin that is required to use Construction properly. Please make sure this is always installed and activated.
2. Visual Composer: This is a premium page builder plugin created by WpBakery.
3. Revolution Slider: This is a premium slider plugin created by ThemePunch.

Recommended plugins:

1. Contact Form 7: This plugin can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.

Plugin Installation & Update Notification

When you install Construction or update Construction, you will receive a WordPress notification message letting you know to install or update the required and recommended plugins. Please follow the on screen prompts to install, activate or update.

Construction comes with the One Click Import feature so easily start with content in the right way. To install demo content proceed as follow.

1. Navigate to Appearance > Import Demo Data
2. Select the demo you want to install by clicking on Import

Edit your wp-config.php file and enter something like:

define('WP_MEMORY_LIMIT', '128M');

WordPress memory can be different to the server – you need to set this regardless of server memory settings If you have access to your PHP.ini file, change the line in PHP.ini If your line shows 32M try 64M:

memory_limit = 64M ; Maximum amount of memory a script may consume (64MB)

If you don’t have access to PHP.ini try adding this to an .htaccess file: php_value memory_limit 64M

If none of the above works then talk to your host.

There are three ways to update theme

• Always check our update notes
• Always backup the files and the database, in case something goes wrong with the server you could use the backup to revert to the previous state. For more information on how to backup check the official documentation.
• Do not keep older copies of the theme inside wordpress themes folder
• Reset the cache after you update

1. Place your site in maintenance mode, for this you could use a plugin (ex. Ultimate Maintenance Mode, WP Maintenance Mode, … etc.)
2. Go to “yoursite/wp-content/themes” folder location and backup your Construction theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost but note that if you have modifications on the theme code they will be lost. You have to reapply them after the update is over.
3. Connect to your FTP account using Filezilla.
4. Inside Filezilla navigate to the wordpress theme directory “yoursite/wp-content/themes”.
5. Retrieve the construction.zip file from your recently ThemeForest download and extract the file to get the updated Construction theme folder.
6. Drag and drop the new Construction theme folder into “yoursite/wp-content/themes” and overwrite the existing files.

1. Download the envato wordpress toolkit from here: https://github.com/envato/envato-wordpress-toolkit
2. Upload and activate the envato wordpress toolkit plugin (.zip file that you downloaded).
3. Get your new api key
4. Go to Envato Toolkit Menu and add your Themeforest Username and the API Key that you generated from your account in the required fields. Save your settings. If you have problems with the update check Skip Theme Backup checkbox.
5. Update the theme.
6. Choose Activate the theme.

1. Deactivate the current Construction theme from the Appearance > Themes section by activating a different theme. Once you activate a different theme, delete the Construction theme. Don’t worry, your content will not be lost.
2. Get the “construction.zip” file from your new Themeforest download (Installable WordPress file only). If you downloaded the “All Files & Documentation” from Themeforest, then you need to unzip the archive file you received, the construction.zip will be inside it.
3. Go to Appearance > Themes, choose Add New Theme, Upload the construction.zip” and click on the “Install Now” button.
4. After your upload is finished choose Activate the theme.

Construction allows you upload different Pre-Loader or Scroll Top icons. All of this is done via our Construction Theme Options. The following articles listed below will cover several different sections of the general option.

1. Navigate to Theme Options > General Options
2. Pre Loader: Enable/Disable Pre Loader.
3. Pre Loader Image: Upload your custom pre loader image.
4. Scroll Top: Enable/Disable Scroll Top Arrow.
5. Scroll Top Image: Upload your custom scroll top image.
6. Enable SEO: Enabling this option will turn on SEO.
7. Meta Keywords: Add relevant keywords separated with commas to improve SEO.
8. Meta Description: Enter a short description of the website for SEO.
9. Save Changes

Everything about topbars, Slogan, contact information, social media and main menu.

1. Navigate to Theme Options > Topbar & Menu
2. Header Type: Select the header type. Choose between 1, 2 or 3 header type.
3. Top Bar Left Area: What would you like to show on top bar left area.
4. Top Bar Right Area: What would you like to show on top bar right area.
5. Address: Enther the address.
6. Phone Number: Enther the phone number.
7. Email Address: Enther the email address.
8. Slogan: Enter website slogan.
9. Save Changes

1. Navigate to Theme Options > Logo & Favicon
2. Logo: Upload your custom site logo.
3. Transparent Logo: Upload your custom site logo for Transparent Header.
4. Header Logo (Width/Height): Enter your logo width and height. Used for normal logo.
5. Retina Logo: Upload your retina logo (optional).
6. Retina Transparent Logo: Upload your retina logo (optional) for Transparent Header.
7. Standard Logo Width: Enter your standard logo width. Used for retina logo.
8. Standard Logo Height: Enter your standard logo height. Used for retina logo.
9. Favicon: Upload your custom site favicon.
10. Apple iPhone Icon : Upload your custom iPhone icon (57px by 57px).
11. Apple iPhone Retina Icon : Upload your custom iPhone retina icon (114px by 114px).
12. Apple iPad Icon : Upload your custom iPad icon (72px by 72px).
13. Apple iPad Retina Icon : Upload your custom iPad retina icon (144px by 144px).
14. Save Changes

This section contains options for social networks.

1. Navigate to Theme Options > Social Networks
2. Here Lost's of social media option available. you can use any of social media.
3. Save Changes

Customize Blog List And Detail.

1. Navigate to Theme Options > Blog Options
2. Blog Style: Select the blog style. Choose between 1 or 2 blog style.
3. Blog List Column: Select the blog column. Choose between 1 2 or 3 blog column.
4. Read More Text: You can set another name instead of read more link.
5. Blog Excerpt: Enable/Disable Excerpt of blog.
6. Blog Excerpt Word: Enther the number of words show in Blog Excerpt area.
7. Metadata Date: Enable/Disable Date of blog.
8. Metadata Author: Enable/Disable Author of blog.
9. Metadata Comment: Enable/Disable Comment of blog.
10. Archive Banner Image: Upload banner image for archive page.
11. Search Banner Image: Upload banner image for search page.
12. Save Changes

Customize Service List And Detail.

1. Navigate to Theme Options > Service Options
2. Find More Text: You can set another name instead of Find More link.
3. Save Changes

Customize Project List And Detail.

1. Navigate to Theme Options > Project Options
2. Show Related Project: Enable/Disable Show Related Project in Project Detail Page.
3. Related Projects Label: You can set another label instead of Related Projects label.
4. Project Layout: Show related project without space or with space.
5. Project Title: Enable/Disable project title.
6. Project Zoom Image: Enable/Disable project zoom image option.
7. Project Link: Enable/Disable project single link.
8. Save Changes

Customize Woocommerce.

1. Navigate to Theme Options > WooCommerce Options
2. Show/Hide Cart in Header: Enable/Disable WooCommerce Cart in Header Area.
3. Show/Hide Sidebar: Enable/Disable WooCommerce Sidebar in Shop Page.
4. Save Changes

Customize Footer

1. Navigate to Theme Options > Footer Options
2. Footer Type: Choose among these structures (1column, 2column, 3column and 4column) for your footer section.
3. Footer Bottom Left: What would you like to show on footer bottom left area.
4. Footer Bottom Right: What would you like to show on footer bottom right area.
5. Footer Logo: Please choose an image file for footer logo.
6. Footer Copyright Text: Enther the Copyright text of website.
7. Save Changes

1. Navigate to Theme Options > Google Map Settings
2. Google Maps SSL: Use google maps with ssl.
3. Google Maps API KEY: Enter your google maps api key.
4. Save Changes

1. Navigate to Theme Options > Custom Code
2. CSS Code: Paste your Custom CSS code here.
3. Header JS Code: Custom JavaScript/Analytics Header.
4. Footer JS Code: Custom JavaScript/Analytics Footer.
5. Save Changes

Customize 404 page

1. Navigate to Theme Options > 404 Page Option
2. 404 Background Image: Upload banner image for 404 page.
3. Page Title: Enther the Title of 404 page.
4. Page Content: Enther the Content of 404 page.
5. Home Button Label: Enther the Label of Back to Home Button.
6. Save Changes

You can create any number of pages with content. Construction includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.

1. Navigate to Pages in your admin sidebar and click Add New option.
2. Input a new name for your page, then find the Page Attributes box on right side.
3. Page Attributes:
   1. Set your Parent page. It’s usually set to No Parent.
   2. Set your page template from the Template dropdown list.
4. Publish page

By default, WordPress shows your most recent posts in reverse chronological order on the front page of your site. Many WordPress users want a static front page as the front page instead. This "static front page" look is common for users desiring static or welcoming information on the front page of the site.

The look and feel of the front page of the site is based upon the choices of the user combined with the features and options of Construction theme.

There are two steps critical to creating a static front page on your site with Construction.

1. Follow the steps above in the Create a New Page section to create a static page to use as Homepage
2. Once you create the static page navigate to Settings > Reading in your admin sidebar
3. Front page displays: select a static page
4. Front page: select the page you previously created
5. Post page: select a page you want to use as blog
6. Save Changes

Construction allow you to choose from five different Page General Options.

1. Content Background Color: Choose the content background color.
2. Body Background Color: Choose the body background color.
3. Body Background Image: Choose the body background image.
4. 100% Background Image: Choose the 100% background image option.
5. Background Repeat: Choose the background image repeat option.

Construction allow you to choose from five different Page Header Options. Here are different Page Headers to choose from. In the section below will be described all of thier options and functionalities.

1. Show Top Bar: Enabling this option will show header on your page.
2. Show Page Menu: Enabling this option will show header on your page.
3. Sticky Header: Enabling this option it will be displayed when the user scrolls down the page.
4. Show Title Area: Disabling this option will turn off page title area.
5. Show Page Title: Enabling this option will show title on your page.
6. Show Breadcrumbs: Enabling this option will show Breadcrumbs on your page.
7. Page Banner Image: Choose the page banner image.

1. Layout: Choose the sidebar layout.
2. Choose Widget Area in Sidebar: Choose Custom Widget area to display in Sidebar.

1. Show Footer Area: Disabling this option will turn off page footer area.
2. Show Top Footer: Enabling this option will show top footer on your page.
3. Show Bottom Footer: Enabling this option will show bottom footer on your page.

1. SEO Title: Enter custom Title for this page.
2. SEO Keywords: Enter the list of keywords separated by commas.
3. SEO Description: Enter meta description for this page.

Blogstar supports custom WordPress menus, with up to five levels of dropdown support for the main menu. There are one areas of the theme where you can assign a menu: Primary 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
4. Enter Navigation Label and Title Attribute.
5. You can also add menu items by entering a custom name and custom link into the Custom Links box
6. 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
7. After setting up your menu, select the menu you just created as the Main Navigation in the Theme Locations box
8. Once it's all done, make sure you click the Save Menu button

1. Active Tab: Active the the first tab by default.
2. Accordion: Enter Accordion - Title and Content.
   1. Title: Enter the title of accordion.
   2. Content: Enter the content of accordion.
3. Save Changes

Output

1. Shape: Select the button shape.
2. Content: Enther the button text content.
3. URL: Enther the button URL.
4. Target: Select the button URL target.
5. Size: Select the button size.
6. Position: Select the button position.
7. Save Changes

Output

1. Date and Time: Enter Date and Time (17 June 2017 11:00).
2. Save Changes

1. Style: Select the style of document.
2. Link Text: Enter the document link text.
3. URL: Enter the document link URL.
4. Target: Document Link URL Target.
5. Icon Position: Document Link Icon Position.
6. Icon: Select the any icon of pre define icon.
7. Save Changes

Output

Style 1



Style 2

1. Gallery Style: You can choose among these pre-define gallery style option.
2. Images: Select the gallery images.
3. Gallery Layout: You can choose among these pre-define column option.
4. Save Changes

Output

Style 1



Style 2

1. Latitude: Enther Latitude of google map. This option is not necessary if an address is set.
2. Longitude: Enther Longitude of google map. This option is not necessary if an address is set.
3. Zoom: Enther the zoom level of map. Default map zoom level. (1-19)
4. Show Marker:: Enable/Disable an arrow pointing at the address.
5. Marker Icon: Select google map marker.
6. Popup Marker Content: Content to be shown in a popup above the marker.
7. Scrollwheel: Enable/Disable scrollwheel on google map.
8. MapType: Select the google map style. Default map type is road map.
9. Width: Enter the map width. Default map width is 100%.
10. Height: Enther the map height. Default map height is 500px.
11. Save Changes

Output

1. Type: You can choose among these pre-designed types.
2. Title: Enter the title of icon box.
3. Content: Enter the content of icon box.
4. Image: Select Image instead of Icons. Note: If you have another Icon that not is here. You can put PNG image of that instead of these Icons.
5. Icon Size: Enter the icon size in px. Default size is 16px.
6. Icon: Select the any icon of pre define icon.
7. Save Changes

Output

Style 1



Style 2



Style 3



Style 4

General Tab

1. Style: You can choose among these pre-designed types.
2. Category: Select specific category, leave blank to show all categories.
3. Post Limit: Number of post(s) to show.
4. Show Thumbnail: Show the post thumbnail.
5. Show Author: Show the author of the post.
6. Show Date: Show the date of the post.
7. Show Comment Counter: Show the comments counter of the post.
8. Show Post Excerpt: Show the excerpt of the post.
9. Number Of Words: Show a certain number of words in each post.
10. Show "Read Bore" Button: Show the "Read more" button in the post.
11. Read More Text: Edit the text that appears on the "Read more" button.
12. Save Changes

Setting Tab

1. Type: Latest Blog List Type.
2. Save Changes

Output

Style 1



Style 2

1. Number: Enther the Number of Max Counter.
2. Label: Enther the Label of Max Counter.
3. Save Changes

Output

General Tab

1. Style: Our Clients Style.
2. Client: Enter Client - Logo/Image and URL/Link.
   1. Images: Client Logo/Image.
   2. Link/URL: Client Website url or any ohter link.
3. Save Changes

Setting Tab

1. Carousel Autoplay: Select the Carousel is Autoplay.
2. Client Per View: Enther the number of client show per view.
3. Show Navigation: Select the Carousel is show Navigation.
4. Show Pagination: Select the Carousel is show Pagination.
5. Auto Play Speed: Autoplay Speed in milliseconds. Default 1000.
6. Save Changes

Output

Style 1



Style 2



Style 3

General Tab

1. Style: You can choose among these pre-designed types.
2. Team Memeber: Enter Team Memeber - Name, Position, Detail and Social Network.
   1. Team Image: Select the images of team member.
   2. Team Memeber Name: Enther the name of team member.
   3. Team Memeber Position: Enter the position of team member.
   4. About Team Memeber: Enther the Team member description text.
   5. Social Icons: Enable/Disable social network of team member.
3. Save Changes

Setting Tab

1. Type: Our Team List Type.
2. Save Changes

Output

Style 1



Style 2



Style 3

1. Title: Enther the Title of package.
2. Price: Enther the Price of package.
3. Period: Enther the Package period Ex. Per Week, Per Month, Per Year.
4. Features: Enter the features for Package.
   1. Package Feature: Enter the features of Package.
5. Featured Package ?: Select the Package is Featured or Recommended.
6. Button Text: Enther the text of button.
7. Button URL: Button URL (http://example.com).
8. Save Changes

Output

1. Detail: Enter Project - Client, Date, Budget And Much More.
   1. Label: Enther the Label of project detail.
   2. Value: Enther the Value of project detail.
   3. Icon: Enther the Icon of project detail.
2. Save Changes

Output

General Tab

1. Project Style: You can choose among these pre-designed style.
2. Project Space: You can choose among these pre-designed style.
3. Project Layout: You can choose among these pre-define grid option.
4. Project Limit: Number of project(s) to show.
5. Project IDs: Enter project ids comma separated. Ex 153,259,5359.
6. Offset Projects: Enther the offset number.
7. Save Changes

Setting Tab

1. Show Zoom Option: Show the project image zoom option.
2. Show Link: Show the project detail page link.
3. Show Title: Show the ptoject title.
4. Show All Project - Button: Enable/Disable All Project - Button.
5. All - Button Text: Enter the text of all projects button.
6. All - Button url: Enter the link of all projects button.
7. Save Changes

Output

Style 1



Style 2

General Tab

1. Service Style: You can choose among these pre-designed style.
2. Service IDs: Enter Service ids comma separated. Ex 153,259,535.
3. Limit Service Number: Enther the number of service list.
4. Offset Services: Enther the number of offset.
5. Save Changes

Setting Tab

1. Show service excerpt: Show the excerpt of the service.
2. Number of words: Show a certain number of words in each service.
3. Save Changes

Output

Style 1



Style 2



Style 3

1. Testimonials Style: You can choose among these pre-designed style.
2. Testimonial: Enter Testimonial - name, what customer say and image.
   1. Name: Customer Name.
   2. Position: Customer Position.
   3. Customer Say: What Customer Say.
   4. Image: Customer Photo or Logo.
3. Save Changes

Output

Style 1



Style 2

1. Heading: Title Type.
2. Title: Enter the title.
3. Position: Position of the title text.
4. Text Color: Select the title color.
5. Save Changes

Output

1. Video link: Enter the Video link.
2. Video Placeholer Image: Select the Video Placeholer Image.
3. Save Changes

Output

You can add Service in your site then see below step how to add Service in Construction.

1. Navigate to Service > Add New

2. To add a title of Service.
3. Select the feature image of Service.
4. Enter the content of Service and used Construction visual composer for your Service detail more intrective.
5. Once it's all done, make sure you click the Publish button

Service Detail

1. Service Icon: Upload the service icon image.
2. Service Thumbnail: Upload the service thumbnail image.

You can add Project in your site then see below step how to add Project in Construction.

1. Navigate to Project > Add New

2. To add a title of Project.
3. Select the feature image of Project.
4. Enter the content of Project and used Construction visual composer for your project detail more intrective.
5. Once it's all done, make sure you click the Publish button

WordPress Widgets add content and features to your Sidebars and Footer. Examples are the default widgets that come with WordPress; for example post categories, tag clouds, navigation, search, etc. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel.

WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc. Plugins will often add their own widgets.

1. Go to Appearance > Widgets.
2. Choose a Widget and drag it to the sidebar where you wish it to appear. The widget areas designated
3. Once you dropped the widget to widget areas, WordPress automatically updates the Theme and it will appear in its area.
4. Preview the site. and look for the specified area you dropped your sidebar. for example if you used "archive widget area" you should look for it in archive loop.
5. Return to the Widgets Panel to continue adding Widgets.
6. To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
7. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
8. To save the Widget's customization, click Save.
9. To remove the Widget, click Remove or Delete.

There are two ways to customize the theme without changing it's core files. First one is use the Custom Code section, second one is to install the Child Theme

To style the theme with custom CSS or JS code, navigate to Theme Options > Custom Code. Add your custom code in the code box.

A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the safest and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.

We can professionally customize your existing WordPress theme based on Ascned to fit all your needs. For this kind of service you can contact us here: https://sk-web-solutions.com/contact-us/ selecting "I Need Theme Customisation". Our team will be in touch with you to take care about everything of your project.

1. Download and install Autoptimize Plugin
   • A) Please go to settings > autoptimize
   • B) Make sure only "CSS Options" is checked.


2. Download and install Optimus Plugin
   • A) Go to Tools > Optimize all images and click on optimize all images button


3. Download and install W3 Total Cache
   • A) Go to performance > general settings