Toggle navigation

Web App Pro

Version 1.0.0

Web App Pro is a clean, fast and responsive WordPress multipurpose website theme. It’s a platform for the swift development of all kinds of business projects. Mobile app developers feel right at home with Lead Engine. Furthermore, the theme is SEO optimized and translation ready.

Installation

Follow the steps below to get started with your WordPress Theme

  1. Now Login to WordPress admin dashboard.
  2.  Go to  Appearance> Themes > Add NewUpload theme.
  3.  Upload web-app-pro.zip and Activate themes.

Installing Plugins

When you click on “Activate” button to activate web-app-pro Theme, you will see the a notice offering you to install required and recommended plugins.

Click “Begin installing plugins”, on the screen that appears, next select the plugins you want to be installed, pick “Install” in Bulk Actions select box and click “Apply” button. For optimal user experience install and activate all recommended plugins.

 

Import Demo Data

Steps to import demo data:

  1. Navigate Through  Appearance > Import Demo Data.
  2. You will get all the demo available:
  3. Click on the Import Demo Data and follow the process.

Step to Add New Post

  1. Go to Post,Click Add New.
  2. Add Title,Content,Feature Image and Categories.
  3. Cick on Publish.

 

Step to Add New Page

  1. Go to Page,Click Add New.
  2. Add Title,Content and Feature Image.
  3. Click on Publish.
  1. Go to Appearance > Customize > Default/Basic Setting.
  2. you will get different options and Setting as shown in screenshot.

Site Identity

This option allow you  to define the site-title and logo , fav icon for your site and  with various  various options related to site identity

  1. Logo: Main logo of the site.
  2. Site-title: Main site title of the site.
  3. Tagline: Tagline (i.e:Description) of the site.Just below site title.
  4. choose Option: You will get four different option from where you can choose to display any one of them.
    • Logo Only: Choosing this option displays the logo only.
    • Logo + Tagline: Choosing this option displays the logo and tagline.
    • Title Only: Choosing this option displays Title only.
    • Title + Tagline: Choosing this option displays Title and tagline.
  5. Site-icon: Site Icon is used as a browser and app icon for your site.Icon must be square and at least 512px wide and tall.

Colors

Go to Appearance > Customize >Default/Basic Setting > color. where you can see Header Text Color & Background Color Options sections.

  1. Header Text Color: Select the color available in the options. If the preview is fine, click on  Publish to apply recently selected Header Text Color.
  2. Background Color: Select the color available in the options. If the preview is fine, click on Publish to apply recently selected Background Color.

Background Image

Go to Appearance > Customize > Default/Basic Setting > Background Image.Select the image for Background available on media library or upload from the other location.If the preview is fine, click on  Publish to apply recently selected/uploaded image as Background Image.

Homepage Settings

By default, your homepage will also display your post feed, listing all of your latest posts for visitors to see.

But  If you would like to instead have your homepage be a static page then your front page will display the content from the page you selected as Front Page. However the page you selected in Posts Page will become your blog page..

  1. Go to Appearance > Customize > Theme Color Setting
  2. you will get different options and Setting as shown in screenshot.

Heading Color

Go to Appearance > Customize > Theme Color Setting >Heading Color.

  1. Menu Text Color:This option help you to select menu text color.
  2. Menu Hover Color:This option help you to select menu hover color.

General Color

Go to Appearance > Customize > Theme Color Setting >General Color.This option help you to select primary,secondary,Border,Arrow,Breadcrumb,Paragraph and Inner Pages Text color.

Go to Appearance > Customize > Header Setting.you will get different options and Setting as shown in screenshot.

Header Options

Go to Appearance > Customize > Header Setting >Header Options.

  1. Header Search / Menu Cart:
    1.  
  2. Enable/Disable Header Search: 
  3. Enable/Disable Breadcrumb: 
  4. Choose The Layout That You Want:
    1. Full Layout: 
    2. Boxed Layout:  
  5. 404 Page Image:

Inner pages Header Image

Go to Appearance > Customize > Header Setting > Inner pages Header Image.

Go to Appearance > Customize >Home Page Setting.you will get different options and Setting as shown in screenshot.

Slider Section

Go to Appearance > Customize >Home Page Setting >Slider Section.

  1. Enable/Disable Slider Section:This option help you to enable/disable slider section.
  2. Select Category For Slider Section:This option help you to select category for slider section.
  3. Buy Now: This option help you to edit buy now text.
  4. Slider Background Image: This option help you to select slider background image.
  5. No. Of Slider:  This option help you to select no of slider.
  6. Slider Section Text Color: This option help you to select slider section text color.

Feature Section

Go to Appearance > Customize >Home Page Setting > Feature Section.

  1. Enable/Disable Feature Section: This option help you to enable/disable feature section.
  2. Select Category For Feature Section: This option help you to select category for feature section.
  3. No. Of Feature Post: This option help you to select no of feature post.

Service Section

Go to Appearance > Customize >Home Page Setting > Service Section.

  1. Enable/Disable Service Section: This option help you to enable/disable service section.
  2. Select Page For Service Section: This option help you to  select page for service section.
  3. Select Category For Service Section: This option help you to  select category for service section.
  4. No. Of Service Post: This option help you to select no of service post.
  5. Select Category For Service Slider Image:This option help you to select category for service slider image.
  6. No. Of Service Image Post: This option help you to  select no of service image post.
  7. Service Section Color: This option help you to select service section color.

Call To Section

Go to Appearance > Customize >Home Page Setting > Call To Section.

  1. Enable/Disable Call To Section: This option help you to enable/disable call to section.
  2. Call To Title:This option help you to edit call to title.
  3. Select Page For Call To Action:This option help you to select page for call to action.
  4. Call To Title:This option help you to edit call to title.
  5. Select Page For Call To Action:This option help you to select page for call to action.
  6. Call To Background Image:This option help you to select call to background image.

Process Section

Go to Appearance > Customize >Home Page Setting > Process Section.

  1. Enable/Disable Process Section: This option help you to enable/disable process section.
  2. Select Page For Process Section:This option help you to select page for process section.similarly,same process for other(2nd,3th…) process section.
  3. Process Section Icon:This option help you to select icon for process section.similarly,same process for other(2nd,3th…) process section.
  4. Select Page For Process Section:This option help you to select page for process section.
  5. Feature Image For Video Page:This option help you to select feature image for video page.
  6. Video Title:This option help you to edit video title.
  7. Type Video URL For Process Section:This option help you to edit type video url for process section.
  8. Process Section Title Color:This option help you to select process section title color.
  9. Process Section Text Color:This option help you to select process section text color.
  10. Enable/Disable Video Play:This option help you to enable /disable video play.
  11. Play Video: This option help you to edit play video.

Testimonial Section

Go to Appearance > Customize >Home Page Setting >Testimonial Section.

  1. Enable/Disable Testimonial Section: This option help you to enable/disable Testimonial Section.
  2. Testimonial Section Title: This option help you to edit testimonial section title.
  3. Select Category For Testimonial Section: This option help you to select category for testimonial section.
  4. No. Of Testimonial Category Post:This option help you to select no of testimonial category post.
  5. Testimonial Background Image:This option help you to select testimonial background image.
  6. Enable/Disable Testimonial Review:This option help you to enable/disable testimonial review.
  7. Enable/Disable Testimonial Quotes:This option help you to enable/disable testimonial quotes.

Pricing Section

Go to Appearance > Customize >Home Page Setting >Pricing Section.

  1. Enable/Disable Pricing Section:This option help you to enable/disable pricing section.
  2. This Page Will Display Title And Descriptions On Section:This option help you to select page will display title and description on section.
  3. Pricing Section Color:This option help you to select pricing section color.

Go to Appearance > Customize >Template Setting.you will get different options and Setting as shown in screenshot.

 

FAQ Template

Go to Appearance > Customize >Template Setting > FAQ Template.

  1. Select Page For FAQ Templates:This option help you to select page for FAQ templates.Here design is tab design so require 2.3 page for that so you have to select page for FAQ similar way.
  2. FAQ Title One:This option help you to  edit FAQ title one.similarly you can edit every title according to your choose.

Contact Template

Go to Appearance > Customize >Template Setting > Contact Template.

  1. Select Page For Contact Templates: This option help you to select page for contact templates.
  2. Map Iframe: Here you can put your google map iframe.
  3. Enter Short code: Here you can put contact short code.

Go to Appearance > Customize >Archive Page Settings.you will get different options and Setting as shown in screenshot.

Archive Sidebar Settings

Go to Appearance > Customize >Archive Page Settings>Archive Sidebar Settings.

  1. Enable/Disable Date On Single Post:This option help you to Enable/Disable Date On Single Post.
  2. Read More: This option help you to edit read more text.
  3. Choose the sidebar Layout for the archive page:
    1. Sidebar Left:This option help you to select sidebar left.
    2.  
    3. Sidebar Both:This option help you to select sidebar both.
    4. Sidebar No:This option help you to select no sidebar.

Go to Appearance > Customize >Typography Setting.you will get different options and Setting as shown in screenshot.This section allow you to change overall Typography size,font family and text-transform.

Body Typography Setting

Go to Appearance > Customize > Typography Setting > Body Typography Setting. where you can manage Body Typography Setting.

  1. Body Font Size:This option help you to select body Font size in your site.
  2. Body Font:This option help you to select body Font Family in your site.
  3. Body Font Transform:This option help you to select body Font Transform(Normal,Uppercase,lowercase…) in your site.

Heading 1 Typography Setting

Go to Appearance > Customize > Typography Setting > Heading 1 Typography Setting. where you can manage Heading 1 Typography Setting.

  1. Heading 1 Font Size:This option help you to select Heading 1 Font size in your site.
  2. Heading 1 Font:This option help you to select Heading 1 Font Family in your site.
  3. Heading 1 Font Transform:This option help you to select Heading 1 Font Transform(Normal,Uppercase,lowercase…) in your site.

Heading 2 Typography Setting

Go to Appearance > Customize > Typography Setting > Heading 2 Typography Setting. where you can manage Heading 2 Typography Setting.

  1. Heading 2 Font Size:This option help you to select Heading 2 Font size in your site.
  2. Heading 2 Font:This option help you to select Heading 2 Font Family in your site.
  3. Heading 2 Font Transform:This option help you to select Heading 2 Font Transform(Normal,Uppercase,lowercase…) in your site.

Heading 3 Typography Setting

Go to Appearance > Customize > Typography Setting > Heading 3 Typography Setting. where you can manage Heading 3 Typography Setting.

  1. Heading 3 Font Size:This option help you to select Heading 3 Font size in your site.
  2. Heading 3 Font:This option help you to select Heading 3 Font Family in your site.
  3. Heading 3 Font Transform:This option help you to select Heading 3 Font Transform(Normal,Uppercase,lowercase…) in your site.

Heading 4 Typography Setting

Go to Appearance > Customize > Typography Setting > Heading 4 Typography Setting. where you can manage Heading 4 Typography Setting.

  1. Heading 4 Font Size:This option help you to select Heading 4 Font size in your site.
  2. Heading 4 Font:This option help you to select Heading 4 Font Family in your site.
  3. Heading 4 Font Transform:This option help you to select Heading 4 Font Transform(Normal,Uppercase,lowercase…) in your site.

Heading 5 Typography Setting

Go to Appearance > Customize > Typography Setting > Heading 5 Typography Setting. where you can manage Heading 5 Typography Setting.

  1. Heading 5 Font Size:This option help you to select Heading 5 Font size in your site.
  2. Heading 5 Font:This option help you to select Heading 5 Font Family in your site.
  3. Heading 5 Font Transform:This option help you to select Heading 5 Font Transform(Normal,Uppercase,lowercase…) in your site.

Paragraph Typography

Go to Appearance > Customize > Typography Setting > Paragraph Typography Setting. where you can manage Paragraph Typography Setting.

  1. Paragraph Font Size:This option help you to select Paragraph Font size in your site.
  2. Paragraph Font:This option help you to select Paragraph Font Family in your site.
  3. Paragraph Font Transform:This option help you to select Paragraph Font Transform(Normal,Uppercase,lowercase…) in your site.

Widgets are one of the most important aspects of this theme.three special widgets are specially built for the front page so that most of your content can be categorized easily and be accommodated to feature in the front page.

  1. From Customize section, go to Widgets.
  2. From Widgets, you will see different sections to add widget where you will be able to Add a Widget or Remove widgets by going to particular widget section.
  3. And the added widget will be displayed in particular section that you have added.
  4. Note: Make sure to add proper widgets in proper widget area for best result.

Available Widget Area

step to customize available widget

The widgets that are available in the theme are described below:

  1. Web App : Pricing Table:You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
  2. Web App Pro : Top Footer:You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
  3. Web App : Footer: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

Go to Appearance > Customize >WooCommerce. From From Here you can change Products per row,Rows per page , manage the image width etc…

This is the option which will allow you to add your custom CSS. From Customize > Additional CSS. Additional CSS you will see: