Click on Upload Theme button at the top and browse the downloaded zip file in your computer.
Click on Install button and then Activate the theme.
Installing Constructera Theme (Cpanel / FTP)
Get a copy of Constructera Theme
Unzip the downloaded zip file.
Upload the unzipped file into /wp-content/themes/
Now, activate the theme by going to Appearance -> Themes in the WordPress dashboard.
Activate the Constructera and Click on “Customize” in the Appearance Menu in the Dashboard.
Updating Theme
Backup your existing theme folder
Delete your current theme folder(old version of theme)
Upload and unzip the new theme file into /wp-content/themes.
Welcome Page
The Welcome Page comprises of the option for you install the plugins and import demos to your site.
Required Actions
The Required Action Section contains Plugins that needs to be installed for successfully configuring the site.
Recommended Plugins
The Recommended Plugins section contains the set of pro and free plugins that is optional. The plugins are however available for you to install and use if you want to add the additional features to your site.
Demo Installation
The theme provides the option to install the demo via just a click. You'll need to install and activate the Instant demo importer plugin for this. The plugin is bundled with the theme itself. Once the plugin is installed and activated follow these steps to install the demo:
Go to Dashboard > Apperance > Welcome.
Open Import Demo Tab.
You'll be notified to install Instant Demo Importer plugin if you haven't installed it already.
Install and activate the plugin.
Once installed you'll be provided the option to install demo among four available demos .
Install any demo for your site as per your requirement.
It will take few moments to install the demo.
Once installed, Customize the site as per your requirement.
Note: If your demo import is failed please make sure that your maximum execution time of each script on your server is more than 300
General Settings
To begin customizing your website’s General Settings , you must first enter the Theme Customizer by clicking on the Dashboard >> Appearance >> Customize>>General Setting. Next look for the “General Settings” panel. Click the panel to open up the relevant settings and begin customizing.
Page BreadCrumb
Go to Dashboard >> Appearance >> Customize>> General Setting >> Page BreadCrumb
Change Image for breadcrumbs
Skin Color Section
Go to Dashboard >> Appearance >> Customize>> General Setting >> Skin Color Section
Choose color for theme skin
Colors
Go to Dashboard >> Appearance >> Customize>> General Setting >> Colors
change theme background and header text colors
Backgroud Image
Go to Dashboard >> Appearance >> Customize>> General Setting >> Backgroud Image
Choose and change theme background Image
Social links
Go to Dashboard >> Appearance >> Customize>> General Setting >> Social links
Control theme social links
Note: Social icons are only shown in your hedaer if you have selected the second header layout
Single Page Scroll
Go to Dashboard >> Appearance >> Customize>> General Setting >> Single Page Scroll
The theme allows to scroll whole section as a slider, if you enable this option your whole site will scroll as a slider
Preloader Settings
Go to Dashboard >> Appearance >> Customize>> General Setting >> Preloader Settings
Enabele or disable site preloader
Choose preloader from available lists
Header Settings
To begin customizing your website’s Header , you must first enter the Theme Customizer by clicking on the Dashboard >> Appearance >> Customize>> Header Setting. Next look for the “Header Settings” panel. Click the panel to open up the relevant settings and begin customizing.
Header Layouts
Go to Dashboard >> Appearance >> Customize>> Header Setting >> Header Layouts
the theme includes three different header layouts, change your header as needed.
Menu Section
Go to Dashboard >> Appearance >> Customize>> Header Setting >> Menu Section
Enable or disable search from header
Enable or disable shopping cart from header
Slider Section
1.Create a slider post for default slider type
Go to Dashboard > Posts > Add New.
Enter the Title for the slide (will be displayed as caption text).
Enter the Content for the slide (will be displayed as caption description).
Create and choose the category (will be displayed category post on your slider).
Set the featured image (will be displayed as the slide image).
Publish/Update the post.
Configuring Default Slider
Go to Dashboard >> Appearance >> Customize>> Header Setting >> Slider Section
Enable Slider (Yes/No)
Choose the Slider Type as Default slider.
Choose the slider category.
Publish/Update the post.
2.Configuring Revolution Slider
Go to Dashboard >> Appearance >> Customize>> Header Setting >> Slider Section
Enable Slider (Yes/No)
Choose the Slider Type as Revolution slider.
Add revolution slider shortcode to Slider Short files.
Publish/Update the post.
Quotation form
Go to Dashboard >> Appearance >> Customize>> Header Setting >> Quotation form
Manage quotation form option which is displayed on theme primary menu
Home Page Settings
Every Home Section consists of three set of configurations
General Settings : The options under this settings are related to the content configuration of that section.
Design Settings: The options under this settings are related to the desing configurations like section title color,subtitle color etc.
Background Settings: The options under this settings are related to the design configurations like section background color, background images, position etc.
About Us section
Create page for About Us Section
Go to Dashboard > Pages > Add New.
Enter the Title for the about us page (will be displayed as caption text).
Enter the Content for the about us page (will be displayed as caption description).
Set the featured image (will be displayed as the section image).
Publish/Update the page.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Sections.
Open About Section Panel.
Set the Section option to Yes if you wish to display the about section in home page or set the option to No if you don't want to display the section in home page.
Select the page for the about section from About us Page dropdown list.
Once Done, Save the Customizer Settings.
Design Configuration.
Set the Title Color from Title Color color picker option
Set the Title Hover Color from Title Hover Color color picker option
Set the text color from Section Description Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your About Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Feature section
Create posts for Feature Section
Go to Dashboard > Post > Add New.
Enter the Title for the feature post (will be displayed as caption text).
Enter the Content for the Feature posts (will be displayed as caption description).
Create and choose the category (will be displayed category post on your Feaure section post).
Set the featured image (will be displayed as the feature post image).
Publish/Update the post.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Feature Section.
Set the Section option to Yes if you wish to display the feature section in home page or set the option to No if you don't want to display the section in home page.
Set the Feature Section Title for the feature section under Feature Section Title textfield.
Set the Feature Section SubTitle for the feature section under Feature Section SubTitle textfield.
Choose the Feature Post Category for the feature section under Feature Post Category dropdown list.
Set the Feature Section Image for the feature section under Feature Section Image upload button
Once Done, Save the Customizer Settings.
Design Configuration
Set the Section title Color from Section Title Color color picker option
Set the Section subtitle color from Section SubTitle Color color picker option
Set the Icon title color from Icon Title Color color picker option
Set the Icon description color from Icon Description Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Feature Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Team section
The theme includes custom post type for team section first you will have to add team from custom post type "Team"
Create posts for Team Section
Go to Dashboard > Team > Add New Team.
Enter the Title for the Team post (will be displayed as caption text).
Enter the Content for the Team posts (will be displayed as caption description).
Add team members Designation And Social links in the Team Member fields
Set the featured image (will be displayed as the Team post image).
Publish/Update the post.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Team Section.
Set the Section option to Yes if you wish to display the team section in home page or set the option to No if you don't want to display the section in home page.
Set the Team Section Title for the team section under Team Section Title textfield.
Set the Team Section SubTitle for the team section under Team Section SubTitle textfield.
Choose layout for team section under Choose Layout
Once Done, Save the Customizer Settings.
Design Configuration
Set the Section title Color from Section Title Color color picker option
Set the Section Subtitle color from Section SubTitle Color color picker option
Set the Team title color from Team Title Color color picker option
Set the Team description color from Team Description Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Team Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Service section
The theme includes custom post type for service section first you will have to add service from custom post type "Service"
Create posts for Service Section
Go to Dashboard > Service > Add New .
Enter the Title for the Service post (will be displayed as caption text).
Enter the Content for the Service posts (will be displayed as caption description).
Add counter , read more button and icons from Service Option
Set the featured image (will be displayed as the Service post image).
Publish/Update the post.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Service Section.
Set the Section option to Yes if you wish to display the service section in home page or set the option to No if you don't want to display the section in home page.
Set the Service Section Title for the service section under Service Section Title textfield.
Set the Service Section SubTitle for the service section under Service Section SubTitle textfield.
Choose layout for service section under Choose Layout
Once Done, Save the Customizer Settings.
Design Configuration
Set the Section title Color from Section Title Color color picker option
Set the Section Subtitle color from Section SubTitle Color color picker option
Set the General color from General Colors color picker option
Set the Icon color from Icon Color color picker option
Set the Icon Title color from Icon Title Color color picker option
Set the Icon Description color from Icon Description Color color picker option
Set the Button Text color from Button Text Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Service Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Portfolio section
The theme includes custom post type for Portfolio section first you will have to add Portfolio from custom post type "Portfolio"
Create posts for Portfolio Section
Go to Dashboard > Portfolio > Add New .
Enter the Title for the Portfolio post (will be displayed as caption text).
Enter the Content for the Portfolio posts (will be displayed as caption description).
Add Categories and Choose the category in posts (will be display the multiple category post if you have created multiple category).
Set the featured image (will be displayed as the Portfolio post image).
Publish/Update the post.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Portfolio Section.
Set the Section option to Yes if you wish to display the portfolio section in home page or set the option to No if you don't want to display the section in home page.
Set the Portfolio Section Title for the portfolio section under Portfolio Section Title textfield.
Set the Portfolio Section SubTitle for the portfolio section under Portfolio Section SubTitle textfield.
Choose layout for portfolio section under Choose Layout
Once Done, Save the Customizer Settings.
Design Configuration
Set the Section title Color from Section Title Color color picker option
Set the Section Subtitle color from Section SubTitle Color color picker option
Set the Button text color from Button Text Colors color picker option
Set the Active Button text color from Active Button Text Color color picker option
Set the Item Title color from Item Title Color color picker option
Set the Item Description color from Item Description Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Portfolio Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Blog Section
Create a Blog post
Go to Dashboard > Posts > Add New.
Enter the Title for the Blog post (will be displayed as caption text).
Enter the Content for the Blog Post (will be displayed as caption description).
Create and choose the category (will be displayed category post on your Blogs).
Set the featured image (will be displayed as the Blog image).
Publish/Update the post.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Blog Section.
Set the Section option to Yes if you wish to display the blog section in home page or set the option to No if you don't want to display the section in home page.
Set the Blog Section Title for the blog section under Blog Section Title textfield.
Set the Blog Section SubTitle for the blog section under Blog Section SubTitle textfield.
Choose the Blog Post Category for the blog section under Blog Post Category dropdown list.
Once Done, Save the Customizer Settings.
Design Configuration
Set the Section title Color from Section Title Color color picker option
Set the Section Subtitle color from Section SubTitle Color color picker option
Set the Post Title color from Post Title Color color picker option
Set the Post Content color from Post Content Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Blog Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Call To Action
The theme includes beautiful call to action section. Manage your call to action
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Call To Action Section.
Set the Section option to Yes if you wish to display the call to action section in home page or set the option to No if you don't want to display the section in home page.
Set the Call To Action Section Title for the call to action section under Call To Action Section Title textfield.
Set the Call To Action Section Description for the call to action section under Call To Action Section Description textfield.
Set the Call To Action Button text for the call to action section under Call To Action Button Text textfield.
Set the Call To Action Button link for the call to action section under Call To Action Button Link textfield.
Set the Call To Action Second Button text for the call to action section under Call To Action Second Button Text textfield.
Set the Call To Action Second Button link for the call to action section under Call To Action Second Button Link textfield.
Once Done, Save the Customizer Settings.
Design Configuration
Set the Font Color from Font Color color picker option
Set the Button Text color from Button Text Color color picker option
Set the Button Background color from Button Background Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Call to Action Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Call To Action with Form
The theme includes beautiful call to action section. Manage your call to action
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Call To Action with Form Section.
Set the Section option to Yes if you wish to display the call to action with form section in home page or set the option to No if you don't want to display the section in home page.
Choose layout for call To action with form section under Choose Layout
Set the Section Title for the call to action with form section under Section Title textfield.
Set the Section Subtitle for the call to action with form section under Section Subtitle textfield.
Set the Section Description for the call to action with form section under Section Description textfield.
Set the Phone Number for the call to action with form section under Phone Number textfield.
Set the Email Address for the call to action with form section under Email Address textfield.
Add the Contact form 7 shortcode to display the Form on your Call To Action Section.
Once Done, Save the Customizer Settings.
Design Configuration
Set the Text Color from Text Color color picker option
Set the Subtitle color from Subtitle Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Call to Action with Form Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Testimonial Section
Create a Testimonial post
Go to Dashboard > Posts > Add New.
Enter the Title for the Testimonial post (will be displayed as caption text).
Enter the Content for the Testimonial Post (will be displayed as caption description).
Create and choose the category (will be displayed category post on your Testimonials).
Set the featured image (will be displayed as the Testimonial image).
Publish/Update the post.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Testimonial Section.
Set the Section option to Yes if you wish to display the testimonial section in home page or set the option to No if you don't want to display the section in home page.
Set the Testimonial Section Title for the testimonial section under Testimonial Section Title textfield.
Set the Testimonial Section Subtitle for the testimonial section under Testimonial Section Subtitle textfield.
Choose layout for testimonial section under Choose Layout
Under Testimonial Option Tabs Configure the Image, Description, Name and Designation for the testimonial.
Once Done, Save the Customizer Settings.
Design Configuration
Set the Section title Color from Section Title Color color picker option
Set the Section Subtitle color from Section SubTitle Color color picker option
Set the Text color from Text Color color picker option
Set the Name color from Name Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Testimonial Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
FAQ Section
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under FAQ Section.
Set the Section option to Yes if you wish to display the faq section in home page or set the option to No if you don't want to display the section in home page.
Choose page for faq section under FAQ Page dropdown list
Under Tab Settings Tabs Configure the Tabs and Description for the faq section.
Once Done, Save the Customizer Settings.
Design Configuration
Set the Title Colors from Title Colors color picker option
Set the Description colors from Description Colors color picker option
Set the Tab Background Color from Tab Background Color color picker option
Set the Tab Toggle Icon Color from Tab Toggle Icon Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your FAQ Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Client Section
Create a Clients logo post
Go to Dashboard > Posts > Add New.
Enter the Title for the Client post (will be displayed as caption text).
Enter the Content for the Client Post (will be displayed as client description).
Create and choose the category (will be displayed category post on your Clients ).
Set the featured image (will be displayed as the Clients logos).
Publish/Update the post.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Clients Section.
Set the Section option to Yes if you wish to display the client section in home page or set the option to No if you don't want to display the section in home page.
Set the Section Title for the client section under Section Title textfield.
Set the Section Subtitle for the client section under Section Subtitle textfield.
Choose layout for client section under Choose Layout
Under Client logo options tabs Configure the Client Logo and Client URl for the client section.
Once Done, Save the Customizer Settings.
Design Configuration
Set the Section title color from Section Title Colors color picker option
Set the Section subtitle Color from Section subtitle Color color picker option
Set the Tab Background Color from Tab Background Color color picker option
Set the Border Color from Border Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Client Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Pricing Table section
The theme includes custom post type for team section first you will have to add Pricing from custom post type "Pricing Table"
Create posts for Pricing Table Section
Go to Dashboard > Pricing Table > Add New .
Enter the Title for the Pricing Table post (will be displayed as caption text).
Enter the Content for the Pricing Table posts (will be displayed as caption description).
Add information on Pricing Table Details and Table Features
Publish/Update the post.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Pricing Table Section.
Set the Section option to Yes if you wish to display the pricing table section in home page or set the option to No if you don't want to display the section in home page.
Set the Section Title for the client section under Section Title textfield.
Set the Section Subtitle for the client section under Section Subtitle textfield.
Once Done, Save the Customizer Settings.
Design Configuration
Set the Table title text color from Table Title Text Colors color picker option
Set the Table subtitle text color from Table Subtitle Text Color color picker option
Set the Features Tag Background Color from Features Tag Background Color color picker option
Set the Features Tag Text Color from Features Tag Text Color color picker option
Set the Price Color from Price Color color picker option
Set the Price Tag Color from Price Tag Color color picker option
Set the Features Color from Features Color color picker option
Set the Button background color from Button Background Color color picker option
Set the Button text color from Button Text Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Pricing Table Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Construction Process section
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Construction Process Section.
Set the Section option to Yes if you wish to display the construction process section in home page or set the option to No if you don't want to display the section in home page.
Set the Section Title for the client section under Section Titletextfield.
Set the Section Subtitle for the client section under Section Subtitletextfield.
Under Tab options tabs Configure the Tab title, Tab Subtitle, Tab Icon and Select Page for the construction process section.
Once Done, Save the Customizer Settings.
Design Configuration
Set the Section title color from Section Title Colors color picker option
Set the Section subtitle text color from Section Subtitle Color color picker option
Set the Tab title Color from Tab Title Color color picker option
Set the Tab subtitle Color from Tab Subtitle Color color picker option
Set the Active Tab Text Colors from Active Tab Text Colors color picker option
Set the Border Color from Border Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Construction Process Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Contact Section
First you will have to create page for contact section. Install the recommended plugin "Page Builder by SiteOrigin" and then with the help of this plugin you will have to create rows and add contact information to be displayed.
Content Configuration
Go to Dashboard > Appearance > Customize > HomePage Section.
Under Contact Section.
Set the Section option to Yes if you wish to display the contact section in home page or set the option to No if you don't want to display the section in home page.
choose page for the contact section under Choose Page
Once Done, Save the Customizer Settings.
Design Configuration
Set the Title colors from Title Colors color picker option
Set the Description colors from Description Color color picker option
Once Done, Save and Publish the changes.
Background Configuration.
Set the Section Background Color if you wish to have the background color in your Contact Section.
If you want to have the Background Image instead of the section background color Set the background image from the Background image option and set the background properties accordingly.
Once Done, Save and Publish the changes.
Section Re-order
The theme provides the flexibility to change the default order of the home page section. You can set to display any section any where. To configure the order of the home page section follow these steps :
Go to Dashboard > Appearance > Customize > HomePage Settings.
Under Section Re-Order Panel.
You'll see the list of the section labels order in its default order.
Now Click and Drag the section Title label up and down and release it to reorder this default order.
Once satisfied making appropriate changes Save and Publish the customizer settings.
Design Settings
Go to Dashboard >> Appearance >> Customize >> Design Setting
Archive Layouts
Choose sidebar layout for archive page
change archive page word excerpt length
Single Post Layout
Choose sidebar layout for single post
Single Page Layout
Choose sidebar layout for single page
Footer Settings
To Add footer widgets go to Appearance >> widgets and add widgets to footer widget area. You can sepcify footer columns from Appearance >> Customize >> Footer Settings >> Footer Widgets
Go to Dashboard >> Appearance >> Customize >> Footer Setting
Footer Widgets
Specify footer columns
Change footer widget background color
Footer Copyright Settings
Change footer credit
Change background color for footer credit
Contact Page Setting
The theme provides specific option for contact page. First create a contact page by selecting "contact template" and then manage contact page settings
Go to Dashboard >> Appearance >> Customize >> Footer Setting
Add contat title and description
Add form shortcode to be displayed on contact page
Typography
The theme includes advanced typography option. Choose and change yor fonts, colors , font size as you like
Go to Dashboard >> Appearance >> Customize >> Typography
Countdown Page
The theme includes Maintenance mode so whenever you like to switch to maintenance mode you don't have to install any third party plugin.
Go to Dashboard >> Appearance >> Customize >> Countdown Page
Change countdown texts
Change countdown date
Upload logo to display on maintenance page
Add maintenance page background image
More WordPress Resources
Constructera Theme Compatible with all the WordPress plugins that develop following the WordPress Standard
IF THIS THEME HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT
A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.