Waterproofing Services Pro WordPress Theme Documentation

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

"waterproofing-services-pro" -This Theme folder has The important files for theme regarding the theme.

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

Theme 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 waterproofing-services-pro theme 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 .

Installing a plugin

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

To be able to begin with Site Identity,

SelectAppearance → Customize → Site Identity

Set-up Top Bar Section

To be able to begin with Topbar,

SelectAppearance → Customize → Theme Settings → Topbar → Text and Icon Settings

SelectAppearance → Customize → Theme Settings → Topbar → Style Settings

Topbar Section will appear like this.

Set-up Header Section

To be able to begin with header,

SelectPages → Add new

For menu you will have to add pages from.

SelectAppearance → menu → Add new

If you wish to add more pages, follow the same procedures again.

SelectAppearance → Customize → Theme Settings → Header → Style Settings

You can include the menu section in this manner.

Set-up Slider Section

To be able to begin with slider

Select Appearance → Customize → Theme Settings → Slider → Text and Image 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.

Select Appearance → Customize → Theme Settings → Slider→ Style Settings

On the front end, it will appear as shown.

Set-up Services Section

To be able to begin with Services Section.

Select Appearance → Customize → Theme Settings → Services→ Text Settings

Select Appearance → Customize → Theme Settings → Services→ Style Settings

On the front end, it will appear as shown.

Set-up Best Products Section

To be able to begin with Best Products Section

Select Appearance → Customize → Theme Settings → Best Products → Text Settings

Select Appearance → Customize → Theme Settings → Best Products → Style Settings

On the front end, it will appear as shown.

Set-up Free Consultation Section

To be able to begin with Free Consultation Section

Select Appearance → Customize → Theme Settings → Free Consultation → Text and Image Settings

Select Appearance → Customize → Theme Settings → Free Consultation → Style Settings

On the front end, it will appear as shown.

Set-up Our Clients Section

To be able to begin with Our Clients Section

SelectAppearance → Customize → Theme Settings → Our Clients → Text and Image Settings

SelectAppearance → Customize → Theme Settings → Our Clients → Style Settings

On the front end, it will appear as shown.

Set-up Our Experts Section

To be able to begin with Our Experts Section

SelectAppearance → Customize → Theme Settings → Our Experts → Text and Image Settings

SelectAppearance → Customize → Theme Settings → Our Experts → Style Settings

On the front end, it will appear as shown.

Set-up Contact-Us Page

To be able to begin with Contact-Us Page

SelectAppearance → Customize → Theme Settings → Contact Page → Text and Iocon Settings

On the front end, it will appear as shown.

Set-up Footer Section

To be able to begin with Footer,

Step 1.SelectDashboard → 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.

SelectDashboard → Appearance → Widgets → Add New

SelectAppearance → Customize → Themes Settings → 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.

Set-up Footer Text Section

To be able to begin with Footer Text section,

SelectAppearance → Customize → Themes Settings → 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 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.