Home Renovation Pro

Structure of files

The downloaded template package comprises multiple folders. Now, let's take a look at the contents of each folder

Screenshots - displays template screenshots. Do not use these for creating templates

Theme - carries Files for a WordPress theme

"ot-home-renovation-pro-doc" -This Theme folder has The important files for theme regarding the theme.

The file "license.txt" consists of important information regarding the license

Template Installation

The installation process can be executed in two methods.

1-In order to install a new theme through the WordPress admin panel

To begin the process of installing a new theme on WordPress website, the first step is to login your Dashbord area

1. Select Appearance → Then Themes

2. Tap Add New

3. Click the button labeled 'Upload Theme.

4.To install the ot-home-renovation-pro-doc theme on WordPress website, you need to click on "Browse" and select the theme file from your device. Once you have selected the file, click on "Install Now" to begin the installation process.

Congratulations on successfully installing a theme on WordPress website!

2-If you prefer to install a WordPress theme with FTP (File Transfer Protocol), you can follow these steps:

Another option for installing a theme is to upload it via FTP (File Transfer Protocol).you first need to log in your website via FTP and Select to the themes folder inside wp-content folder. From there, you can upload the theme you downloaded by unzipping it and uploading it to server.

Afterward, log in your WordPress site and Select to Appearance -- Select Themes And activate .

Plugin Installation

To Add a WordPress Plugin manually by .zip archive follow steps below for Uploading plugin

Plug-ins must be installed:
Contact-form-7 plugin
Select Dashboard → Selectplugin → Then Add New → and Tap Upload plugin.

click install now button and activate

Section One Click Demo Importer

Import demonstration content with one click to get your theme Set-up. This content will lead you through creating your website.

SelectDashboard → Go To Appearance → Tap Get started

Tap"Run Importer".

Set-up Home page.

1) Now To set up home Page First Create a Page From Admin Area

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

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

You will notice the Home Page looks same as scrrenshot

Set-up Section Ordering Section

How to Reorder and Organize 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.

Select Appearance → SelectTheme Settings → Tap Section Ordering

Set-up Site Identity Section

In order to begin with Site Identity,

Select Appearance → Customize → Site Identity

Set-up Top Bar Section

In order to begin with Topbar,

Select Appearance → Customize → Theme Settings → Topbar → Topbar Settings

Select Appearance → Customize → Theme Settings → General Option → Social Icons

Topbar Section will appear like this.

Set-up Header Section

In order to begin with header,

Select Pages → Add new

Select Appearance → Customize → Theme Settings → Header Option → Header Settings

In this way you can add the Header section.

For menu you will have to add pages from.

Select 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

Select 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.

On the front end, it will appear as shown.

Set-up Latest News Section

In order to begin with Latest News Section,

In order to Set-up the following Latest News section

Select Dashboard → post → Add New

Select Appearance → Customize → Theme Settings → Latest News Option → Latest News Settings.

On the front end, it will appear as shown.

Set-up Services Section

In order to begin with Services Section.

Select Appearance → Customize → Theme Settings → Services Option→ Services Settings

On the front end, it will appear as shown.

Set-up About Us Section

In order to begin with About Us Section

Select About Us → Customize → Theme Settings → About Us Option → About Us Settings

On the front end, it will appear as shown.

Set-up Project Section

In order to begin with Project Section

Select Project → Customize → Theme Settings → Project Option → Project Settings

On the front end, it will appear as shown.

Set-up Associated Brands Section

In order to begin with Associated Brands Section

Select Associated Brands → Customize → Theme Settings → Associated Brands Option → Associated Brands Settings

On the front end, it will appear as shown.

Set-up Client Feedback Section

In order to begin with Client Feedback Section

Select Appearance → Customize → Theme Settings → Client Feedback Option → Client Feedback Settings

On the front end, it will appear as shown.

Set-up Counter Section

In order to begin with Counter Section

Select Appearance → Customize → Theme Settings → Counter Option → Counter Settings

On the front end, it will appear as shown.

Set-up Team Section

In order to begin with Team Section

Select Appearance → Customize → Theme Settings → Team Option → Team Settings

On the front end, it will appear as shown.

Set-up Contact & Map Section

In order to begin with Contact & Map Section

Select Appearance → Customize → Theme Settings → Contact & Map Option → Contact & Map Settings

On the front end, it will appear as shown.

Set-up Career & Jobs Section

In order to begin with Career & Jobs Section

Select Appearance → Customize → Theme Settings → Career & Jobs Option → Career & Jobs Settings

On the front end, it will appear as shown.

Set-up Become Volunteer Section

In order to begin with Become Volunteer Section.

Select Appearance → Customize → Theme Settings → Become Volunteer Option → Become Volunteer Settings

On the front end, it will appear as shown.

Set-up Company Info Section

In order to begin with Company Info Section.

Select Appearance → Customize → Theme Settings → Company Info Option → Company Info Settings

On the front end, it will appear as shown.

Set-up Footer Section

In order to begin with Footer,

Step 1.Select 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.

Select Dashboard → Appearance → Widgets → Add New

Select 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.

On the front end, it will appear as shown.

Set-up Footer Text Section

In order to begin with Footer Text section,

Select Appearance → Customize → Themes Settings → Footer Option → Footer Text.

Enable/Disable option:Here, you may select the enable/disable option to show or hide the section.

On the front end, it will appear as shown.

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.

Select Dashboard → Contact → Add New Page

Select Appearance → Theme setting → Contact & Map Option → Contact & Map Settings

On the front end, it will appear as shown.

Set-up Navigation

First of all create pages from select Dashbord → Pages→ Add new page.
Select Appearance → Then Menu
Now To create new menu select " Create a New Menu"
Neme your Menu before saving
Once you create menu. you can add required pages in navigation by checking the box on the left table. After adding menu list you can arrange it with your choice by drag and drop.
Choose the menu theme location from the below checkboxes

You can checkout the screenshots you will understand it better.