Architect Civil Engineer Pro Documentation

File Structure

The template package you have downloaded consists of several folders and files. Let's see what each folder contains:

Screenshots - holds template screenshot. Not for creation.

Theme - carries WordPress theme files

"architect-civil-engineer-pro" -This folder has all the necessary files regarding the theme.

"license.txt" - contains license details

Template Installation

2. Once you are on the themes page, click on the button Add New at the top.

3. Click on upload theme button.

4. Click on Browse Button then select your Organic-farm-pro theme and click on install now button.

Congratulations your theme have been successfully installed.

2-Install a Theme using FTP

Installation option second is to upload the theme via FTP. For second method first log into your site via FTP and browse to your folder located at wp-content/themes. Unzip the theme you downloaded and upload the extracted folder to your server.

Next log into your WordPress site and navigate to Appearance →Themes to activate Total.

Plugin Installation

To install a WordPress Plugin manually by .zip archive follow the below steps for Upload plugin

• Install Required Plugins:
• Contact-form-7 plugin
• Go to Dashboard → plugin → Add New → Upload plugin.

click on the install now button and activate

Section One Click Demo Importer

Go toDashboard → Appearance → Get started

Click on"Run Importer".

Set-up Home page.

1) Create Page to set template:Go to Dashboard → Pages → Add New Page.

Lable your home Page with your parent site name or you can label it home page also. Then go to settings then Reading and change the template from static to home page.

2) Set the front page:Go to Setting → Reading → Set the post page display static page to home page

Once you have done you can see all the demo content on front page.

Set-up Section Ordering Section

How to Arrange and Reordering Section

Section reordering means to arranage the section as per our requirement. first you need to choose section and drag section on top or bottom where you need it. when you will drap any section your front view will change according to your choice.

In order to begin with Section Ordering.

Go to Appearance → Theme Settings → Section Ordering

Set-up Site Identity Section

In order to begin with Site Identity,

Go to Appearance → Customize → Site Identity

Set-up Top Bar Section

In order to begin with Topbar,

Go to Appearance → Customize → Theme Settings → Topbar → Topbar Settings

Go to Appearance → Customize → Theme Settings → General Option → Social Icons

Topbar Section will appear like this.

Set-up Header Section

In order to begin with header,

Go to Pages → Add new

For menu you will have to add pages from.

Go to Appearance → menu → Add new

Repeat the same steps if you want to add more pages.

In this way you can add the menu section.

Set-up Slider Section

In order to begin with slider

Go to Appearance → Customize → Theme Settings → Slider Option → Slider Settings

• Enable/Disable option: Here, you may select the enable/disable option to show or hide the section.
• Number of Slider To Show: Allows you to select no. of sliders you want to display.
• Slider Image: Here you can place the images for slider.
• Slide text: Here, you can put the text to be displayed on slider.
• Slider Button Text: Here, you can put the text to be displayed on button.

It will look like this on the front end.

Set-up Company Info Section

In order to begin with Company Info Section.

Go to Appearance → Customize → Theme Settings → Company Info Option → Company Info Settings

It will look like this on the front end.

Set-up About Us Section

In order to begin with About Us Section

Go to About Us → Customize → Theme Settings → About Us Option → About Us Settings

It will look like this on the front end.

Set-up Services Section

In order to begin with Services Section.

Go to Appearance → Customize → Theme Settings → Services Option→ Services Settings

It will look like this on the front end.

Set-up Project Section

In order to begin with Project Section

Go to Project → Customize → Theme Settings → Project Option → Project Settings

It will look like this on the front end.

Set-up Associated Brands Section

In order to begin with Associated Brands Section

Go to Associated Brands → Customize → Theme Settings → Associated Brands Option → Associated Brands Settings

It will look like this on the front end.

Set-up Client Feedback Section

In order to begin with Client Feedback Section

Go to Appearance → Customize → Theme Settings → Client Feedback Option → Client Feedback Settings

It will look like this on the front end.

Set-up Counter Section

In order to begin with Counter Section

Go to Appearance → Customize → Theme Settings → Counter Option → Counter Settings

It will look like this on the front end.

Set-up Team Section

In order to begin with Team Section

Go to Appearance → Customize → Theme Settings → Team Option → Team Settings

It will look like this on the front end.

Set-up Contact & Map Section

In order to begin with Contact & Map Section

Go to Appearance → Customize → Theme Settings → Contact & Map Option → Contact & Map Settings

It will look like this on the front end.

Set-up Career & Jobs Section

In order to begin with Career & Jobs Section

Go to Appearance → Customize → Theme Settings → Career & Jobs Option → Career & Jobs Settings

It will look like this on the front end.

Set-up Become Volunteer Section

In order to begin with Become Volunteer Section

Go to Appearance → Customize → Theme Settings → Become Volunteer Option → Become Volunteer Settings

It will look like this on the front end.

Set-up Latest News Section

In order to begin with Latest News Section,

In order to Set-up the following Latest News section

Go to Dashboard → post → Add New

Go to Appearance → Customize → Theme Settings → Latest News Option → Latest News Settings.

It will look like this on the front end.

Set-up Footer Section

In order to begin with Footer,

Step 1.Go to Dashboard → Appearance → Widgets

• Step 2. Select Footer
• (a) Footer One
• (b) Footer Two
• (c) Footer Three
• (d) Footer Four
• (ii) Click on "save" button

For designing this section, go to widgets of appearance section and select four footer columns for tags, gallery, contact and logo image respectively.

Below image throws light on the widgets section.

Go to Dashboard → Appearance → Widgets → Add New

Go to Appearance → Customize → Themes Settings → Footer Option → Footer Widgets

• Footer Heading Color: Here, you can choose the font text of footer.
• Footer Heading Fonts: Here, you can set the font of heading of footer.
• Footer Content Color: Here, you can select the text color of contents of footer
• Footer Content Fonts: Here, you can choose the font of the contents of the footer.
• Setting Options: Involves settings for Service display enable / disable option..
• Background Color: Here, you can choose the Background Color of the footer.
• Background Image: Here, you can place the Background Image of the footer.

It will look like this on the front end.

Set-up Footer Text Section

In order to begin with Footer Text section,

Go to Appearance → Customize → Themes Settings → Footer Option → Footer Text.

It will look like this on the front end.

Set-up Contact Page

Before proceeding with the Contact Us section, we need to install contact form 7 plugin. Following the installation of contact form 7 plugin. Contact options become visible on the Dashboard.

Go to Dashboard → Contact → Add New Page

Go to Appearance → Theme setting → Contact & Map Option → Contact & Map Settings

It will look like this on the front end.

Page Templates and sidebars