Web Graphic Designer Pro

Help and Support

Template Installation

The template installation process is very simple. The installation process can be done in two different ways.

1- By wordpress admin

Open Your wordpress dashboard.

1. open Appearance - Themes as shown in the screesnhot below.

2. Now click the "Add New" button.

3. Now click on the upload button.

4. Load the theme file web-graphic-designer-pro/_1.0.zip (Version may vary) and proceed with the installation.

5. Now WordPress will install your theme and show you the message to "Activate" the theme.

2-Via FTP

Login to your FTP and upload the the theme folder at wp-content - themes.

As soon you activate the theme you will navigate to the Theme Setup Wizard page.

Demo Importer

To get the demo content exactly like we have shown on our demo page, checkout the below steps.

Open Theme Setup Wizard present under Apparance menu.

Click on the "Start Now". It will list all the plugins required for this plugin under "More Info". You can check it by clicking on more info.

Click on the "Install Plugins". It will install all the required plugins

Then Click on the "Import Demo". It will import the demo exactly like we have shown on our live demo page.

Once you have done with this you can see all the demo content on front page.

Customize Demo

Now start customizing your site as per your requirement. open Appearance - Customize - Theme Settings

Customize Demo

Section Reordering and Typography

Global theme and color and typography will help you to to change the color and font in a single click.

Each section contains option to set the Content, Title/Text, Text, Buttons and Background Matte palettes to the linked section depending on the number of options available.

Global Color

Global color will change colors for the entire theme. Open Appearance - Customize - Theme Settings - Typography. Scroll to bottom you will see two options for color, choose both options then only it will appear on frontend as it is gradient color.

Section Reordering

Move the section according to your requirement. Check screenshot below.

Setup "Header" Bar

Open Header present under "Theme Settings".

Update promo text present at the top of the page.

Open Appearance - Customize - Site Identity and add your logo.

Update menu as per your requirement. For that you need to go to "menus" present under "Appearance".

Update button title and url.

Scroll to the bottom you will see all the color options related to that section.

Setup "Slider"

Open "Slider Settings" present under the "Theme Settings" panel in customizer. Here you can see the "Number of slides to show" settings. Which you can increase or decrease as per your needs.

Scroll to the bottom and update slide image, heading, text and button title and url.

Scroll to the bottom you will see other settings which you can update as per your needs..

Setup "Sliding Text"

Open "Sliding Text" present under the "Theme Settings" panel in customizer. Here you can see the "Number of Texts to show" settings. Which you can increase or decrease as per your needs.

You can adjust the speed of the marquee text as well. Default speed is 20000.

Scroll to the bottom you will see all the color options related to that section.

Setup "About Us"

Checkout the below steps to change the "About Us" content

Open About Us from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings. Update section tagline, heading and text.

You can see the listing in this section. Increase or decrease the listing as per your needs and add its text and the icon.

Update text in "Circular Shape"./p>

Update two images present in left column of the section./p>

Scroll to the bottom you will see all the color options related to that section.

Setup "Services"

Checkout the below steps to change the "Services" content

Open Services from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.

Update section tagline and heading. Increase or decrease the number of services to show in this section.

Update each box image, title and its icon. You can also add url if you need it. We have shown for one do the same for others.

Scroll to the bottom you will see all the color options related to that section.

Setup "Why Choose Us"

Checkout the below steps to change the "Why Choose Us" content

Open Why Choose Us from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.

Update section tagline and heading.

Increase or decrease the number of boxes to show in this section. Update each box step number, title, and text.

Update image showing on the right column of this section.

Scroll to the bottom you will see all the color options related to that section.

Setup "Video"

Checkout the below steps to change the "Video" content

Open Video from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.

Update section tagline, heading.

After the heading you will see the number field to increase or decrease the video boxes. Update it as per your needs. You need to add image and the video youtube url.

You can also manage the carousel dots, nav and its speed.

Scroll to the bottom you will see all the color options related to that section.

Setup "Projects"

Checkout the below steps to change the "Projects" content

Open "Projects" from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.

Update section tagline, heading. Increase or decrease the number of project to show in this section. Excerpt settings is there to adjust number of words to show. You can also set the project category to show only specified projects.

You can change the link icon and add the button title and its url.

Now open "project" available in the dashobard navigation panel. All the demo "project" is created.

Open one of them and update its title, text, image and meta fields description.

Scroll to the bottom you will see all the color options related to that section.

Setup "Pricing Plans"

Checkout the below steps to change the "Pricing Plans" content

Open Pricing Plans from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.

Update section tagline, heading.

After the heading you will see the number of plans to show to increase or decrease the plan boxes. Update it as per your needs.

Add plan title, text, price. Increase or decrease number of feature to show field as per you requirement.

List all features and update the CTA button link. Do the same for other boxes as well.

At last you can also change the feature icon.

Scroll to the bottom you will see all the color options related to that section.

Setup "Contact Us"

Open Contact Us present under theme settings pannel

Background color and images will be updated by "Background Color" and "Background Images" settings.

Update section heading and text. Update the column image as specified in the below screesnhot.

Now open Dashboard - Contact. You will see the list of demo form added open "home contact".

Open it and edit as per your needs. Copy the shortcode written below the title.

Now copy that shortcode generated below the title and paste it into the "Shortcode" field present at "contact-us" section under "Theme Settings" panel.

Scroll to the bottom of this section under customizer, you will see all the color options related to that section.

Setup Latest News

Open Latest News present under theme settings pannel

Update section heading, text, Excerpt number and increase or decreas number of news to show.

Now open Dashboard - Posts. Demo Posts added you can change it according to your requirement.

Open one of them and chnage it according to your needs.

Footer

Open Footer present under theme settings pannel

Update footer site title, email and show or hide menus.

Here you can check how to create a footer menu. Open "Menus" present under the Appearance menu. Select the "Footer Nenu". Add the pages or custom links and make sure to select the footer menu checkbox.

Increase or decrease number of footer section or footer columns. Update column size for all the four boxes. You can inscrease the boxes too.

Inorder to change the footer widget content. open Appearance -> Widgets. There are four footer columns created. Open it one by one and update its data. For the navigation menues first you need to create the menu from Appearance -> Menus then from here "Navigation Menu block will show your respective menu."

Update footer column 1.

Update footer column 2.

Update footer column 3.

Update footer column 4.

Copyright

Open Copyright present under theme settings pannel

Update Copyright Text.

Setup Contact Page

Open Contact present under theme settings pannel

Update email, address, phone number from here.

Update Working hours details.

Update fom tagline, title and the form shortcode from here.

Now open Dashboard - Contact. Contact Page form already exist. Open it and edit as per your needs. Copy the shortcode and paste it into the shortcode field at the customizer contact us section.

Update map longitude and latitude.

Blog Page Settings

This section contains all the settings related to blog. To access this open General Settings

Single Post Page

This section contains all the settings related to single post page. To access this open Appearance - Customize - Theme Settings - Single Post Page

Single Post Page

This section contains all the genearl settings. To access this open General Settings.

404 Page Settings

This section contains 404 page settings. To access this open 404 Page Settings

Theme Layout Settings

This section contains full and boxed layout settings. To access this open Theme Layout Settings

Responsive Settings

Here you can disable the sticky menu from the mobile or tablet view. Also you can set the width of mobile menu sidebar. To access this open Responsive Settings