House Roofing Pro Documentation

Purchase theme
Purchase Theme

Folder Structure

When you download the package, you'll notice that it contains multiple folders. Below is a breakdown of each folder and its contents:

Please note that the screenshots provided are just templates and are not intended for actual production.

Theme - This folder contains all from the files of themes for WordPress.

"house-roofing-pro" -This folder comprises all the essential theme files for WordPress

"License.txt" - This folder contains detailed information regarding license.

Installing the Template

Installing WP Template Is Easy, You can do it in two ways

1-Installing the Theme Through WordPress Dashboard

To begin the installation process, sign in as administrator on your WordPress Dashboard. Next, Tap on

Navigate through Dashboard To "Appearance" menu and click on "Themes."


2.Once you click on Themes - You can see all the installed theme on your WordPress, Now Click Add new


3. Click on the "Upload Theme" button.


4. Click "Browse" to select the house-roofing-pro theme from your computer. Once you've located from the files of theme, Then Install your theme to begin the installation process.


Congratulations! You have successfully installed the theme.

2-Installing uploading via FTP option

Alternatively, you can also uploading via FTP option. First, log in to your FTP client and navigate through the files to wp-content than go to themes. Next, download and unzip from the files of theme on your local computer. Then, upload the extracted theme folder to the "themes" folder on your server. Once the upload is complete, you should see the newly installed theme in the "Appearance" section of your WordPress Dashboard.


Log in to your WordPress Dashboard and go to the "Appearance" menu. Click on "Themes" and you should see the newly installed "Total" theme. Click on the "Activate" button to activate the theme.

Installing plugins

If you want to install all the required WP Plugins manually using a .zip archive file, you can follow the steps below:

  • Install Required Plugins:
  • Contact-form-7 plugin
  • Woocommerce plugin
  • YITH WooCommerce Wishlist
  • GTranslate
  • Navigate to Dashboard == plugin == Add New == Upload plugin.

Click Button(Install Button) To Install and activate


Posttype Installation

To install a Posttype manually by .zip archive follow the below steps for Upload Posttype

  • House Roofing Pro Custom Posttype
  • Navigate to Dashboard == plugin == Add New == Upload plugin.

Click Button(Install Button) To Install and activate


Section One Click Demo Importer

You can import demo content easily in just few steps. Your site will be created through this.

Navigate to Dashboard == Appearance == Get started

Before started "Run Importer" first you need to installed "House Roofing Pro Custom Posttype" plugin.

Click on"Run Importer".



Setting up Home page.

1) To Select The Template Same As Screenshot You Need To make a Page:Go To Your Dashboard Area == Scroll To Pages == Now Create A Add New .( Label The page as per your business requirement or you can use "Home")

Name your home page as Home Blog page or as required . Then select home-page from the dropdown.


2) Now for Final Set Up Navigate To Admin Dashboard Than Click on Setting Option == Move To Reading == Now Go To Home Page Display option select drop down under static to Home Page


As you follow the instructions about Website Setup, you will be able to achieve exact replica s our demo site.

Setting up Section Ordering Section

To rearrange or reorder the sections on your WordPress site,

Reorder the sections as per your need.

Navigate to Appearance == Customize == Theme Settings == Section Ordering


Setting up Site Identity Section

Now If you want to create site identity,

Navigate to Appearance == Customize == Site Identity

Now If you want to give Faivicon to your site, click on select site icon which can be seen in the below Screenshot.

Setting up Topbar Section

Navigate to Appearance == Customize == Theme Settings == Topbar


To check out how it will look on front end you can check below


Setting up About Us Section

To Customize the section, Navigate to Customize == Theme Settings == About Us Section



To check out how it will look on front end you can check below


Setting up Services Section

We need to install and activate House Roofing Pro Custom Posttype Plugin. After activation, The Services option will appear on the dashboard after installation.

You can add Services from here, and the Services with the most sales will appear in the Section.

To Add Services You need to go to

Dashboard → Services → Add New


To Customize the Services section, Navigate to Customize == Theme Settings == Services Section


To check out how it will look on front end you can check below


Setting up Quality Section

To Customize the Quality section, Navigate to Customize == Theme Settings == Quality


To check out how it will look on front end you can check below


Setting up Our Teams Section

We need to install and activate House Roofing Pro Custom Posttype Plugin. After activation, The Teams option will appear on the dashboard after installation.

You can add Teams from here, and the Teams with the most sales will appear in the Section.

To Add Teams You need to go to

Dashboard → Teams → Add New


To Customize the Our Teams section, Navigate to Customize == Theme Settings == Our Teams


To check out how it will look on front end you can check below


Setting up Our Featured Projects Section Section

We need to install and activate House Roofing Pro Custom Posttype Plugin. After activation, The Projects option will appear on the dashboard after installation.

You can add Projects from here, and the Projects with the most sales will appear in the Section.

To Add Projects You need to go to

Dashboard → Projects → Add New


To Customize the Our Featured Projects Section section, Navigate to Customize == Theme Settings == Our Featured Projects Section


To check out how it will look on front end you can check below


Setting up Faq Section

We need to install and activate House Roofing Pro Custom Posttype Plugin. After activation, The Faq option will appear on the dashboard after installation.

You can add Faq from here, and the Faq with the most sales will appear in the Section.

To Add Faq You need to go to

Dashboard → Faq → Add New


To Customize the Faq section, Navigate to Customize == Theme Settings == Faq


To check out how it will look on front end you can check below


Setting up Why Us Section Section

To Customize the Why Us Section section, Navigate to Customize == Theme Settings == Why Us Section



To check out how it will look on front end you can check below


Setting up Blog Section

Dashboard → Posts → Add New


To Customize the Blog section, Navigate to Customize == Theme Settings == Blog Section


To check out how it will look on front end you can check below


Setting up Testimonial Section

We need to install and activate House Roofing Pro Custom Posttype Plugin. After activation, The Testimonial option will appear on the dashboard after installation.

You can add Testimonial from here, and the Testimonial with the most sales will appear in the Section.

To Add Testimonial You need to go to

Dashboard → Testimonial → Add New


To Customize the Testimonial section, Navigate to Customize == Theme Settings == Testimonial


To check out how it will look on front end you can check below


Setting up Stay in Touch Section

We need to install and activate Contact form 7 Plugin. After activation, The Contact option will appear on the dashboard after installation.

You can add Contact from here, and the Contact with the most sales will appear in the Section.

To Add Contact You need to go to

Dashboard → Contact → Add New


To Customize the Stay in Touch section, Navigate to Customize == Theme Settings == Stay in Touch


To check out how it will look on front end you can check below


Setting up Our Work Section

For Blog section, we need to install and activate House Roofing Pro Custom Posttype Plugin. After activation, Our Work section will appear in dashboard.

In order to Setting up the following section Navigate to Dashboard >> Our Work >>Add New

To Customize the Our Work section, Navigate to Customize == Theme Settings == Our Work


To check out how it will look on front end you can check below


Setting up Get In Touch Section

To Customize the Get In Touch section, Navigate to Customize == Theme Settings == Get In Touch


To check out how it will look on front end you can check below


Setting up Footer Text Section

To start setting up the Footer Text on your WordPress site,

Navigate to Appearance == Customize == Themes Settings == Footer Text.


Enable/Disable option:

Select enable/disable to hide or unhide section from here.

To check out how it will look on front end you can check below


Setting up Contact Page

To start setting up the Contact Page on your WordPress site, we need to install contact forn 7 plugin. contact options will appear once you install the plugin

Navigate to Dashboard == Contact == Add New


Navigate to Appearance == Theme Settings == Contact



To check out how it will look on front end you can check below


Page Templates and sidebars

Page Templates

  • Default Template ⦇This is the default template page has right sidebar ⦈
  • Page with Left Sidebar ⦇ This is a template page with a left sidebar. ⦈
  • Page With Right Sidebar ⦇This is a template page has right sidebar. ⦈
  • Blog Full Width Extend ⦇ This is blog template has only one template and no sidebar. ⦈
  • Blog With Left Sidebar ⦇This is blog template has a left sidebar. ⦈
  • Blog With Right Sidebar ⦇ This is a blog template has right sidebar. ⦈
  • Contact Template ⦇This is the Contact Template - Doesn't Have Sidebar. ⦈
  • Home Page Template ⦇This is the default home page template has right sidebar.⦈

Post Format

Adding category

  1. sign in as administrator on your WordPress
  2. Click the Posts tab.
  3. Then, to select Categories for your post click on Categories.
  4. Now type the category name you need to categorise your blog into
  5. Now Add New Category By Clicking "Add New" Button.
  6. Finally, Publish

Creating a Blog post


  1. sign in as administrator on your WordPress
  2. Now Navigate your mouse to Posts tab.
  3. Now Add New post By Clicking "Add New" Button
  4. Add Desired Content in the editor.