IT Company Theme Documentation

Setup Global Color

In order to setup the Global Color, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Global Color Settings

Here you can select the color for theme.

It will appear like this on the front end.

Setup Typography

In order to setup the Typography, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Typography

Their customizer settings are like below screenshot.

1. Color: Here you can change the colors of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

2. Fonts: Here you can change the Font Family of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

3. Font Size: Here you can change the Font size of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

It will appear like this on the front end.

Setup Topbar Section

In order to set up topbar section, follow the below steps

Go to Appearance >> Customize >> Theme Settings >> topbar section

For Enable the Top Header click on the checkbox for the theme.

Here you can Give the Tob-Bottom padding to the topbar of the theme.

Here you can add Question Text , Contact and E-mail address which will get appear at the topbar section.

Here you can add your social media links through which user can directly redirect to your social media sites.

Here you can add to Font Size of Social Icon for the themes.

Logo

Go to Appearance >> Customize >> Site Identity

Topbar will will be appear on the page like this.

Setup Header Section

In order to set header section, follow the below steps

Go to Appearance >> Customize >> Theme Settings >> Header

For the sticky header of the theme click on checkbox.

Here you can select the Top-Bottom padding for sticky header of the theme.

For Show / Hide Search bar click on checkbox for the theme and Give the text for search placeholder.

Here you can select layout for header of the theme, if you select default header layout the below screenshot display.

Here you can select layout for header of the theme, if you select Logoabove menu the below screenshot display.

Here you can select the size of menu and case of menu of the theme.

In this way you can setup top bar Section.

Setup Slider Section

In order to setup the slider, follow the below steps.

1. Create a new page and name it as "Slide1" , set it's featured image, title, and the content. Repeat this process for other slides.

2. Go to Appearance >> Customize >> Theme Settings >> Slider Settings

For show or hide slider, click twice on the checkbox.

Select the page which you have created for slide1, slide2, slide3, slide4.

Here you can select the page on which slider display.

For show or hide slider Indicator , Slider Title , Slider Content , Slider Button , click twice on the checkbox.

Here You have an option to the speed of slider to load slider fast for the theme.

You can select the slider content alignment and slider excerpt length for the theme.

Here You can select show / hide slider image overlay and select the Background color, for Slider Image display transparent.

You can select opacity for slider image.

Here you can add Slider Button Lable for the theme.

Here you have option to add Slider Image Height for the theme.

Once you have done with this you will see the slider on your front page.

In this way you can setup slider.

About Us Section

1. Go to Dashboard >> Posts >> Category

Add Category for left side posts.

2. Go to Dashboard >> Posts >> Add New

Create a post and assign the category.

3. Go to Dashboard >> Posts >> Add New

Create a post which will show the middle image.

4. Go to Dashboard >> Posts >> Category

Add Category for right side posts.

5. Go to Dashboard >> Posts >> Add New

Create a post and assign the category.

6. Appearance >> Customize >> Theme Settings >> About Us

Products will be appear on the page like this.

In this way you can setup your About Us.

Setup Footer Section

In order to setup the Footer Section, follow the below steps.

Go to Appearance >> Widgets

Once you add widgets to the footer, your footer will look like this.

In order to setup the Footer Section, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Footer Section

For show or hide Back to Top Icon, click twice on the checkbox.

Here You can select the Back to Top Icon alignment for the themes.

You can select the Footer Background Color & Footer Background Image from here for the themes.

Here You can select the the number of footer columns and add your widgets in the footer for themes.

In this way you can setup footer section.

Setup Footer Text Section

In order to setup the Footer Text Section, follow the below steps.

Go to Appearance >> Customize >> Theme Setting >> Footer Text

In order to setup the Copyright Section, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Footer Section

1. Copyright Alignment: Here You have an option for Copyright Aligntment like Center , Left , Right.

2. Copyright Font Size: Here You have an option for Font Size of Copyright.

3. Copyright Top Bottom Padding: Here You have an option to Top Bottom Padding of Content for Copyright.

In this way you can setup footer text section.

Setup Advance Options

In order to setup the Advance Options, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Advance Options

Here You can click the checkebox if you want to Enable / Disable preloader.

Here You can select the color for preloader of the themes.

Here You can select the preloader type square and circle for the themes.

For Theme Layout:

Here You can select the Default layout for the themes.

After Default layout themes will look like screenshot

Here You can select the Container layout for the themes.

After Selecting Container layout themes will look like screenshot

Here You can select the Box-Container layout for the themes.

After Selecting Box-Container layout themes will look like screenshot

Setup Blog Settings

In order to set up Blog Settings, follow the below steps

Go to Appearance >> Customize >> Theme Settings >> Blog Settings

In Blog Settings, you can select the Blog Layout Sidebar.

In Blog Settings, you can select the Alignment for Blog Post of the theme.

In Blog Settings, You have options to select the Blog Page display type.

In Blog Settings, You have select the option without block then Blog Page display look like below.

In Blog Settings, you can show or hide post Date, Author ,Comments, Navigation type.

and also you can change blog excerpt Number for content.

Here you have option to custom image size of Blog Post Images with the image width and height.

Here you can select the Featured Image Border Radius for post of themes.

Here you can select the Featured Image Shadow for post of themes.

Here you can select the Pagination Style and Position of themes.

In order to set up Button Options,

Go to Appearance >> Customize >> Theme Settings >> Button Options

Here you can select the Blog Post Button Label for themes.

Here you can Give the Top-Bottom, Left-Right , Padding to the Blog Post Button Label for themes.

Here you can select the Blog Post Button Radius for themes.

Setup Responsive Options

In order to setup the Responsive Options, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Responsive Options

Here you can give the label for mobile menu bar of the themes.

Here you have option to slect open icon for mobile menu .

Here you have option to slect close icon for mobile menu .

For Enable / Disable Top Header for mobile device click on checkbox .

For Enable / Disable serchbar for mobile device click on checkbox .

For Enable / Disable stick-header for mobile device click on checkbox .

For Enable / Disable slider and slider-button for mobile device click on checkbox .

For Enable / Disable back-top button for mobile device click on checkbox .

In this way you can setup Responsive Options section.

Setup 404 Page & Search Result Setting

In order to setup the 404 Page & Search Result Setting, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> 404 Page & Search Result Setting

1. 404 Page Title: error 404 page has a page title not found.

2. 404 Page Button Label: error 404 page Label of Button not found

3. No Search Result Title: error site title not found

4. No Search Result Text: error site contain not found

In this way you can setup 404 Page & Search Result Setting section.

Setup WooCommerce Options

In order to setup the WooCommerce Options, follow the below steps.

Go to Appearance >> Customize >> TG Settings >> WooCommerce Options

1. Product per row: Here You have an option to add Number Of Product in one Row.

2. Product per page: Here You have an option to add Number Of Product in one single page.

3. Enable / Disable Shop page sidebar: Here You have an option to Enable / Disable sidebar of shop page.

4. Enable / Disable Product page sidebar: Here You have an option to Enable / Disable sidebar of product page.

5. Enable / Disable Related product: Here You have an option to Enable / Disable Feature Related product.

6. Button Top Bottom Padding: Here You have an option to add top bottom padding of Product button.

7. Button Border Radius: Here You have an option to add border radius of Product button.

8. Enable / Disable product border: Here You have an option to Enable / Disable product Outer border.

9. Product Top Bottom Padding: Here You have an option to top bottom padding for product.

10. Product Right Left Padding: Here You have an option to right left padding for product.

11. Product Border Radius: Here You have an option to give border radius to product.

11. Product Box Shadow: Here You have an option to give box shadow to the product.

12. Sale badge Position: Here You have an option to add postion of sale badge like right portions or left position.

13. Sale Top Bottom Padding : Here You have an option to add top bottom padding for sale badge.

14. Sale Border Radius: Here You have an option to add border radius for sale.

In this way you can setup WooCommerce Options section.