Setup Layout Settings

To begin with proceed with Layout Settings, follow the below steps.

Go to the Appearance >> Customize >> Theme Settings >> Layout Settings

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

Here You can click the checkebox if you want to Show / Hide preloader.

Here You can select type of preloader.

Here You can select type of preloader icon color and background color.

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 Theme Color

To begin with proceed with Theme Color Option, follow the below steps.

Go to the the Appearance >> Customize >> Theme Settings >>Theme Color Option

Here you can select the color for the theme.

It will appear like this on the front end.

Setup Typography

To begin with setup the Typography, follow the below steps.

Go to the the 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.

Setup Header

To begin with proceed with Header, follow the below steps

For Logo :

To begin with proceed with Header Logo, follow the below steps

Go to the Appearance >> Customize >> Site Identity

Here you select the logo and size for logo of the theme

Here you can add you Site title and tagline for the theme

For enable / disable site title and tagline for the theme, click on the checkbox for the theme.

Here you can select the size for site title and tagline for the theme.

Go to the Appearance >> Customize >> Theme Settings >> Contact Us

For Enable / disable stick-header for the theme by click on checkbox

Here you can select the font size for menu items.

Here you can add Email address and select icon for email.

Here you can add Phone Number and select icon for phone number.

Here you can select icon for search.

Here you can add url for appointment text and select icon for appointment.

Here you can select icon for responsive open menu.

Here you can select icon for responsive close menu.

Your Header Section will look like this.

In this way you can setup Header Section

Setup Social Icon Section

To begin with proceed with Social Icon Section, follow the below steps.

Go to the Appearance >> Customize >> Theme Settings >>Social Icon Section

Add Facebook Link: You can add facebook link here and the facebook icon will be displayed in the top bar of your site.

Add twitter link : This option allows you to add twitter link to the top bar of your site. Adding twitter link adds twitter icon in the top bar of your site.

Add Pinterest link : This option allows you to add pinterest link. Adding twitter link adds twitter icon in the top bar of your site.

Add Tumblr Link: This option allows you to add Tumblr link.

Add Instagram Link: This option allows you to add Instagram link.

Add Linkedin Link: This option allows you to add Linkedin link.

Setup Slider

To begin with proceed with Slider, follow the below steps

Go to the Appearance >> Customize >> Theme Settings >> Slider Settings

Select Slider Image page: You can Select slider Image Page i.e Home, Sample page, Contact Us,etc, You can choose from this options for each slider option. Even, you can edit any slider image page option, for that you need to Go to the pages section of admin navigation

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

For show/hide slider button, click twice on the checkbox.

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

Here you can select the icon for slider previous and next carsoul images

Here you can select the icon for slider button

Here you can add text for Slider Button

For Slider Content Limit, You can change slider content limit.

Here you can select the slider images height.

You can select opacity for slider image.

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

Setup Footer Section

To begin with proceed with Our Footer Section, follow the below steps.

There are two ways adding widgets to the footer.

1. Go to the Appearance->Widgets

Here is a screenshot below for adding widgets to footer.

You can add footer coloumns, for that you need to select widgets like text, image, gallery, etc which allows you to add text or image as per your choice with ease.

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

2. Now, let's see the another important way to add widgets to the footer of your website.

Go to the Appearance >> Customize >> Widgets

Once you will select widgets, you will get this page, refer the below screenshot.

Now you can select footer1, footer2 footer3 and footer4 option to add footer contents using widgets one by one.

Once you are done setting up footer, footer of your website will look like this,

Contents may vary as you add it.

Here you can select the number of widget areas in the footer.

From here you can select the Footer Widget Background Color and Footer Widget Background Image for the themes.

Footer Text

To begin with proceed with Footer Text section, follow the below steps.

Go to the Appearance >> Customize >> Themes Settings>> Footer Text.

For enable or disable Back To Top, click on the checkbox.

Here you can select the back to top button icon.

Here you can select the back to top icon button size

Here you can give the Scroll button top-bottom, left-right padding and border radius

To begin with proceed with Back To Top position, you can change position of scroll.

Here you can add copyright text

It will appear like this on the front end.

Setup Post General Settings

To begin with proceed with Post General Settings, follow the below steps.

Go to the Appearance >> Customize >> Theme Settings >>Post General Settings

Here you can select the layout for blog post

Here you can select the content limt for blog post

Here you can give the button text for blog post

Here you can select the icon for blog post button

Setup Single Post Settings

To begin with proceed with Single Post Settings, follow the below steps

In single blog page, For Show / Hide Date by click on checkbox and select the icon for date.

In single blog page, For Show / Hide Author by click on checkbox and select the icon for author.

In single blog page, For Show / Hide Comment by click on checkbox and select the icon for comment.

For show / hide single post tags and single post image, click on the checkbox for the theme.

Here you can select the width for comment form, comment form heading and comment form button text.

Setup Responsive Media

To begin with proceed with setup Responsive Section , follow the below steps.

Go to the Appearance >> Customize >> Themes Settings >> Responsive Media

For Display stick-header for mobile device or responsive media click on checkbox .

For Display slider for mobile device or responsive media click on checkbox .

For Display slider button for mobile device or responsive media click on checkbox .

For Display Back to Top Button for mobile device or responsive media click on checkbox .

For Display preloader for mobile device or responsive media click on checkbox .

In this way you can setup Responsive Setting Section.

Setup 404 Page Not Found / No Result

To begin with proceed with setup 404 Page , follow the below steps.

Go to the Appearance >> Customize >> Themes Settings >> 404 Page Not Found / No Result

1. 404 Heading: Here you can add 404 page Heading.

2. 404 Content: Here you can add 404 page content

3. 404 Button: Here you can add 404 page button text

1. No Search Result Heading: Here you can add No Search Result Heading.

2. No Search Result Text: Here you can add No Search Result Text

In this way you can setup 404 Page Not Found / No Resultsection.

Setup Woocommerce

To begin with proceed with Woocommerce , follow the below steps.

First, you need to download woocommerce plugin from the site Wordpress.org . Next, you need to Go to the WordPress admin and visit Plugin.

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.

Go to the Appearance >> Customize >> Themes Settings >> WooCommerce Settings

Here You have an option to add select the Number Of Product in one Row and single page.

Here You have an option to Enable / Disable shop page sidebar by click on checkbox.

Here You have an option to Enable / Disable product page sidebar by click on checkbox.

Here You have an option to Enable / Disable Related product of shop page by click on checkbox.

Here You have an option to add border radius for product sale button of the theme.

Here You have an option to top-bottom, left-right padding for Sale product button.

Here You have an option to select the product sale postion of the theme.

Here You have an option to enable / disable product border by click on checkbox.

Here You have an option to top-bottom, left-right padding for product.

Here You have an option to give border radius to product.

Here You have an option to give box shadow to the product.

Here You have an option to add top-bottom, left-right padding product button and radius of product button.

In this way you can setup Woocommerce Section.