Help and Support

Click here for support:

File Structure

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

  • Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "roofing-solutions-pro.zip" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details
  • "readme.txt" -contain information about theme images path, font use and usage script

Template Installation Via WordPress

Template installation is very easy process. The installation process can be done in two ways


1-Install a theme using wordpress admin

First thing you need to do is to login to your WordPress admin area. Next, click on


1.Go to the menu Appearance > Appearance Themes


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


3. Click on upload theme button.


4. Click on Browse Button then select your roofing-solutions-pro.zip theme and click on install now button.


5. WordPress will now install your theme and show you a success message along with the link to activate or live preview.

Congratulations your theme have been successfully installed

Template Installation Via FTP

First installed and setup your FTP program, connect to your host using FTP. You would need to go to the path (/wp-content/themes/). Once you’re there, simply upload your themme’s folder there.

Remember you must unzip the folders before you upload a theme using FTP. Once you have uploaded the theme, you would need to go to your admin area and click on Appearance » Themes.

You should see the theme that you uploaded listed there. Bring your mouse on top of that theme and click on the activate button and you’ve successfully installed and activated your WordPress theme.

Header Setting


  • Step 1. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Header Settings
  • 1. Set Sticky Header
  • 2. Add Button Text, Button Link
  • 3. Add Phone No.
  • 4. Navigation Colors
  • 5. Add Social Media URL
    • Set Header contact
    Set Header contact
  • 6. Select Responsive Header colors
    • Set Header contact
  • Step 2. Go to Dashboard >> Appearance >> Customize >> General Configuration >> Site logo/title/tagline
  • a. Select Logo
  • c. Set Add Logo Padding
  • b. Add Site Title
  • d. Set Logo Max Width
  • e.Set Site Title Color
    • Set Header contact
  • Step 3. Go to Dashboard >> Appearance >> Menus.
  • Step 4. Click on create a new menu as show in below image.
  • Step 5. Enter menu name and click on Create Menu as shown in below image.

    • Final Display of Header

    Final display of header





Create Slider

  • Step 1. Go to Dashboard >> Slider
  • Step 2. Click on Add New button
    • Add New Slider
  • Step 3. Add The Slider Name.
  • Step 4. Select featured image as a slider.
  • Step 5. Click on 'Update' Button Text Or Page Link And Enjoy the Slider.
  • Step 6. Slider Colors Setting

    • Final Display of Slider Section :

    Final display of header

Features Section


  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Features Section
    • Step2.
  • (a) Set Disable/Enable
  • (b) Select Background Image and Background Color
  • (c) Set Section Padding
    • Step 3.
  • (a) Add Feature
  • (b) Add Title
  • (c) Add Page Link
  • (d) Add Number Of Feature To Show
    • Step 5.
  • (a)Select Colors

    • Final Display of Our Features Section



About Us Section


  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> About Section
    • Step2.
  • (a) Select Background Image and Background Color
  • (b) Set Section Padding
  • (c) Add Section Images & Heading & Contain & List & List Icon & Select Colors
  • (d) Select Section Color
  • (e) Add Section Image
  • (f) Section List Text Color
  • (g) Section Button Setting
  • (h) Select Section Color

    • Final Display of About Section


Services Section

  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Services Section
    • Step2.
  • (a) Set Disable/Enable
  • (b) Select Background Image and Background Color
  • (d) Set Padding
    • Step3.
  • (a) Go to >> Dashboard >> Services >>
  • (b) Add >> Title
  • (c) Add >> Description
  • (d) Add >> Image
  • (f) Click On >> Publish Button
    • Step5.
  • (a) Go to Dashboard >> Appearance >> Customize >> Services Section
  • Select Services to show from below dropdown & Select Font Awesome Icon
    • set Featured Page section
  • (a) Add >> Button Text >> & Select Colors Related to Section
    • set Featured Page section

    Final Display of Services Section


Steps Section


  • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Steps Section
    • Step2.
  • (a) Select Background Image and Background Color
  • (b) Set Section Padding
  • (c) Add Section Title
  • (d)Number Of Steps To Show
  • (d)Select All Colors

    • Final Display of Off Steps Section


Team Section


  • Use Shortcode Inner Page [TEAMLIST]

    • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Team Section
    • (a) Select Background Image and Background Color
    • (b) Set Section Padding
    • (c) Add Section Heading
    • (d) Select Team Member Name
    • (e)Section Color :

      • Final Display of Team Section


    Call Now Section


    • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Call Now Section
      • Step2.
    • (a) Section Padding Setting:
    • (b) Add Circle Image
    • (c) Add Section Right Image
    • (d) Add Section Heading
    • (e) Add Call Text
    • (f) Add Add Phone No.
    • (g) Add Button Text Or Link
    • (h) Section Colors Setting

      • Final Display of Call Now Section




    Testimonials Section


    • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Testimonial Section
      • Step2.
    • (a) Enable/Disable Section
    • (b) Set Padding for Section
    • (c) Manage background by using Colors/Image
      • Step3.
    • (a) Dashboard Testimonial Add New
      • Step4.
    • (a) Select Testimonials Page
    • (b) Select Colors

      • Final Display of Our Testimonial Section


    Contact Info Section


    • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Contact Info Section
      • Step2.
    • (a) Enable/Disable Section
    • (b) Set Padding for Section
    • (c) Manage background by using Colors/Image
      • Step3.
    • (a) Contact Details Block Setting :
    • (b) Add Image
    • (d) Add Phone No.
    • (e) Add Email Id.
    • (f) Add Address
      • Step4.
    • (a)Section Right Form Settings :
    • (b) Add Form Heading
    • (c) Add Form Shortcode
    • (d) Set Colors

      • Final Display of Contact Info Section



    Set Blog Section


    • Step1. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
      • Step2.
    • (a) Select Background Image and Background Color
    • (b) Section Padding
      • Step3.
    • (a)Add Title for Section
    • (b)Select Color
      • Step4.
    • Go to Dashboard >> Blog >> Add New Post
      • Step5.
    • (a) Add >> Post Title
    • (b) Add >> Post Content
    • (b) Add >> Post Image
    • Step6. Go to Dashboard >> Appearance >> Customize >> Home section >> Blog Section
    • Select Number of Posts
    • Select Colors
    • Section Button Setting :

      • Final Display of Blog Section



    Inner Page Testimonial Shortcode


  • Use Shortcode [TESTIMONIALS]

    • Step 1. Go to Dashboard >> Testimonials
    • Step 2. Add New Testimonials
    • Step 3. Go to Dashboard >> Appearance >> Customizer >> Color Setting For Shortcode Pages
    • Step 4.Set Testimonial Shortcode Page Colors :

      • Testimonial Shortcode Page

    Inner Page Faqs Shortcode


  • Use Shortcode [FAQS]

    • Step 1. Go to Dashboard >> Faqs
    • Step 2. Add Faqs
    • Step 3. Go to Dashboard >> Appearance >> Customizer >> Color Setting For Shortcode Faqs
    • Step 4.Set Faq Shortcode Page Colors :

      • Faqs Shortcode Page


    Inner Page Gallery Shortcode


  • Use Shortcode [GALLERY]

    • Step 1. Go to Dashboard >> Gallery
    • Step 2. Add Gallery
    • Step 3. Go to Dashboard >> Appearance >> Customizer >> Color Setting For Shortcode Gallery
    • Step 4.Set Gallery Shortcode Page Colors :

      • Gallery Shortcode Page

    Inner Page Services Shortcode


  • Use Shortcode [SERVICES]

    • Step 1. Go to Dashboard >> Services
    • Step 2. Add Services
    • Step 3. Go to Dashboard >> Appearance >> Customizer >> Color Setting For Shortcode Services
    • Step 4.Set Services Shortcode Page Colors :

      • Services Shortcode Page

    Inner Page Team Shortcode


  • Use Shortcode [TEAMLIST]

    • Step 1. Go to Dashboard >> Team
    • Step 2. Add Team
    • Step 3. Go to Dashboard >> Appearance >> Customizer >> Color Setting For Shortcode Team
    • Step 4.Set Team Shortcode Page Colors :

      • Team Shortcode Page

    Section Sequence


    • Step 1. Go to Dashboard >> Appearance >> Customizer >> Section Sequence
    • Step 2. Select Sequence

    Contact Us Inner Page


    • Step 1. Go to Dashboard >> Page
    • Step 2. Click Add New button
    • Step 3. Select Contact Page template at right bottom of page
    • Step 4. Click publish button
      • select Contact Page template
    • Step 5. Go to Dashboard >> Appearance >> Customize
    • Step 6. fill Contact us details
    • Step 7. Add Form Title Or Form Shortcode
    • (a) Phone Label
    • (b) Add Contact us Phone No.
    • (c) Contact us Email
    • (d) Add Address label
    • (e) Add Address
    • (g) SelectColors
      • select Contact Page template
    • (8)Add Contact Form 7 Shortcode
      • select Contact Page template

      Contact Us Inner Page

      select Contact Page template

    Set Shop Sidebar On/Off Setting


    • Step1. Go to Dashboard >> Appearance >> Customizer >> General configuration >> Shop Page Sidebar Settings

  • Product Heading Font Size
    • (1) click on Show Sidebar button
    • (2) click on publish button

    • (3) click on Hide Sidebar button
    • (4) click on publish button

    Page Templates And Sidebars


    Page Templates

    • Default Template (the default page template with a no sidebar position)
    • Page (Left Sidebar) (a page templates with left sidebar position)
    • Page (Right Sidebar) (a page template with right sidebar position)
    • Blog (Full Width) (a blog templates with one column without sidebar)
    • Blog (Left Sidebar) (a blog templates with left sidebar position)
    • Blog (Right Sidebar) (a blog template with right sidebar position)
    • Contact Template (the default Contact template with no sidebar position)
      • select Contact Page template

    Posts, Categories and Post Formats


    Adding category

    Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel



    Log into your WordPress Administration Panel (Dashboard).

    Click the Posts tab.

    With that done, click Categories for blog posts.

    Type in the name of your new category.

    After that, click the Add New Category button.

    Click the Publish button.

    Creating a Blog post



    Log into your WordPress Administration Panel (Dashboard).

    Click the Posts tab.

    Click the Add New tab.

    Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

    Custom Widgets


    Add Classic Widgets Plugin

     How to Setup Additional Theme Add Ons


    First, you need to download the plugin from the source (which will be a zip file (lt-title-banner-image.zip and lt-gallery-images.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.



    After that, click on the Upload Plugin button on top of the page.


    This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.


    After you have selected the file, you need to click on the install now button.



    WordPress will now upload the plugin file from your computer and install it for you. You will see a success message like this after installation is finished.


    Once installed, you need to click on the Activate Plugin link to start using the plugin.

    LT-Title-Banner-Image


    Once you activate this plugins you will find the below option inside each and every page,post,registered posts etc.



    First, you need to choose the banner image that you would like to set on your post/page.

    On uploading any file, by default, the title will appear over the banner image.



    With the help of this plugin, you can hide the title if you do not want to display it on the banner simply by checking "Hide Title above banner" option.

    You can even show the title below the banner image by checking "Show Title below banner" option.



    When none of the options is selected and no file is chosen, then the title will be displayed in the default manner.

    LT-Gallery-Images

    Once you activate this plugins you will find the LT-Gallery on the Dashboard.

    Click on Add new gallery button. And add the title. Add the number of images to show in a gallery.


    Once you have done with adding gallery images. Use the following shortcode to make your gallery appear on a particular page you want simply by replacing the gallery post_id in the Gallery shorthcode.



    Thats It! Now you can view your page to see the gallery images....