## Introduction

First of all, Themes Flat thank you for choosing to buy our theme!

In this document, we provide all kinds of good information with all the details you need to use our theme. It is recommended you read it thoroughly to fully leverage the Markio theme's capabilities. Please also make sure to check out our Video Tutorials as they explain everything covered in here in greater depth. ​We hope you have fun and enjoy working with our theme!

- Theme version: 1.0.0
- Created date: December 10, 2022
- Update date: December 10, 2022
- Author: Themesflat

If you have any question contact us by
Email: helpdeskthemesflat@gmail.com
Skype id: helpdeskthemesflat
Create ticket id : https://themesflat.ticksy.com/ticket

### Getting Started

#### Requirements

There are minimal requirements to run this product:

- PHP 7.0 or higher

#### Recommended

Required must have

- upload_max_filesize = 128M
- post_max_size = 164M
- max_execution_time = 300
- max_input_time = 300
- memory_limit = 256M

Besides, need more

- Elementor
- Contact Form 7
- ThemesFlat
- Themesflat Addons
- Slider Revolution
- One Click Demo Import
- MC4WP: Mailchimp for WordPress
- WooCommerce

### Theme Installation via WordPress

After purchase and download we have file themeforest-20396082-themename.zip Continue we need Extract Files i have 3 files: 1.theme, 2.theme-child, 3.documentation

Please, follow the steps below to install Theme.

###### Watch the video One Click Install Demo

#### Install by WordPress Theme Manager

This is probably the simplest way for most users. Here are steps you need to take:

1. Step 1 - Login to your WordPress Dashboard.

2. Step 2 - Go to Appearance > Themes. And then click Add new button, located at the top of the screen or Add new theme (see screenshots below).

3. Step 3 - Click on Upload button at the top of the screen.

4. Step 4 - Next, Click Choose File button to browse themename.zip file in locate.

5. Step 5 - Click Install button and wait a moment.

Note:
After installing the Main theme, if you want user more child Child theme. Then please continue install child-theme the with the same installation above
6. Step 6 - After done installing, click Activate to publish the theme.

7. Step 7 - After activating the theme a notice should appear on the top of the screen, click on link Begin installing plugins ( See screenshots below ).

The theme requires the following plugin: Contact Form 7, Elementor, ThemesFlat, Themesflat Addons, and recommends the following plugins: One Click Demo Import, Slider Revolution

8. Step 8 - After install plugins, go to Dashboard > Appearance > Install Plugins, check all the plugins you want to activate require for this theme

And active plugins

- Go to Appearance > Import Demo Data

- Go to Continue & Import

  And Wait

#### Install through FTP upload

If you want to install via FTP, here are 3 steps you need to take:

- Using FTP client, login to the server where your WordPress website is hosted
- Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
- Using FTP client, upload the Markio directory to themes directory on remote servers

Once installation is complete, your Markio theme will be ready to use.

### Theme Customize

To start customizing Theme, in the Admin page please go to Dashboard > Appearance > Customize

Note:
Please remember to click Save & Publish button after done customizing to save the changes
These are global settings so its effect is site-wide. These settings can be overridden in single post or page

#### General

1. Site Information

   To Customize Theme you go to: Dashboarb -> Appearance -> Customize -> Site Identity

   - Site Title: You can setup and change your site title

   - Tagline: A few words to describe your site

   - Site Icon: Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps.

2. Site Display

   To Customize Theme you go to: Dashboarb -> Appearance -> Customize -> General

   - Enable Smooth Scroll: Enabled Smooth Scroll or not

   - Enable Preload: Displayed while loading to another page

   - Go To Button: Enabled Go To Button or not

#### Header

To setup Header layout, please navigate to Dashboard > Appearance > Customize > Header.

1. Custom Logo

   - Upload Your Logo: Drag or select your new logo on website here

   - Upload Your Logo On Mobile: Drag or select your new logo on mobile here

   - Logo Size: Choose the size for the Logo

   - Box Controls: Adjust padding and margin for logo

2. Topbar
3. Custom Menu
4. Header Options

   - Header Style: Choose the type of header you want to display by default on your website

   - Header Sticky: Enabled Header Sticky or not

   - Search Box: Enabled Search Box or not

   - Sidebar Toggler: Enabled Sidebar Toggler or not

5. Button

   you can edit the content and link of the button on the header

6. Custom Menu

   To setup Custom Menu layout, please navigate to Dashboard > Appearance > Customize > Menus

   - Select 1 menu to edit or create new

   - Drag and drop to change the menu here

- ##### Page Title & Breadcrumb

  1. Page Title Style

     To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Page Title > Page Title

     - Edit the Page Title Controls here:

  2. Breadcrumb

     - Enable Breadcrumbs: Turn on/off to show/hide the breadcrumbs

     - Breadcrumb Prefix: Enter prefix text for the breadcrumb

     - Breadcrumb Separator: Enter the character you want to use as the separator of breadcrumb

#### Typography

- To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Typography

  1. Body Font: You can select Font family, Font size Font weight or Font color for the body text

     Blockquote Typography

  2. Topbar Font: You can select Font family, Font size Font weight or Font color for the topbar text
  3. Menu Font: You can select Font family, Font size Font weight or Font color for the menu text, submenu text
     SubMenu
  4. Heading Font

     And you can edit a lot here

### Layout & Styles

In the section Layout & Styles, we provide some options to customize the theme layout and styles.

1. ##### Scheme Color

   To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Color

   With this option, you can change unlimited color for your General: Primary Color, Secondary Color, Accent Color, Background Color, please navigate to Dashboard > Appearance > Customize > Color > General

   With this option, you can change unlimited color for your Topbar, please navigate to Dashboard > Appearance > Customize > Color > Topbar

   With this option, you can change unlimited color for your Header, please navigate to Dashboard > Appearance > Customize > Color > Header

   With this option, you can change unlimited color for your Footer, please navigate to Dashboard > Appearance > Customize > Color > Footer

   To start customizing Background Image, in the Admin page please go to Dashboard > Appearance > Customize > Background Image

   To start customizing Widgets, in the Admin page please go to Dashboard > Appearance > Customize > Widgets

#### Footer

1. To edit the default footer, in the Admin page please go to Dashboard > Appearance > Customize > Footer

   You can edit the contents of the Footer here

2. ##### Columns Footer

   You can edit the contents of the Columns Footer here

3. ##### Bottom

   You can edit the contents of the Bottom here

4. ##### Action Box

   You can edit the contents of the Bottom here

Now, you've finished the setup for your blog post.

### Post Type

To Customize Post you go to: Dashboarb -> Appearance -> Customize -> Content

1. ##### Blog archive

   - Sidebar Position: Select sidebar position on the posts page (No Sidebar/Left/Right)
   - Blog Layout: Select layout style for List (List/Grid)
   - Post Grid Columns: Choose to display the number of columns of the article
   - List Sidebar: In the dropdown box, select the sidebar you want to display on posts page
   - Post Content Elements: Drag and drop elements to re-order.
   - Post Excepts Length: This option is only available when you turn on "Auto Post Excepts". It uses to limit the content length which is shown on posts page
   - Social Share: Enable or disable Social Share
   - Readmore Text: You can modify the text of Read more button here
   - Meta Elements:Drag and drop elements to re-order.

2. ##### Blog Single

   - Post Navigator: Enabled Post Navigator or not
   - Related Posts: Enabled Related Posts or not
   - Related Posts Style: Choose Related Posts Style (Blog List or Blog Grid)
   - Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
   - Number Of Related Posts: Number Of Related Posts

3. ##### Porfolio Archive

   - Portfolio Slug: You can modify the Portfolio Slug here
   - Portfolio Name: You can modify the Portfolio Name here
   - Sidebar Position: Choose Sidebar Style
   - List Sidebar: Choose Sidebar Style
   - Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
   - Number Of Related Posts: Number Of Related Posts
   ....

4. ##### Porfolio Single

   - Customize Portfolio Featured Title: You can modify the Title here
   - Post Navigator: Enabled Post Navigator or not
   - Related Posts: Enabled Related Posts or not
   - Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
   - Number Of Related Posts: Number Of Related Posts

5. ##### Services Archive

   - Services Slug: You can modify the Services Slug here
   - Services Name: You can modify the Services Name here
   - Sidebar Position: Choose Sidebar Style
   - List Sidebar: Choose Sidebar Style
   - Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
   - Number Of Related Posts: Number Of Related Posts
   ....

6. ##### Services Single

   - Customize Services Featured Title: You can modify the Title here
   - Post Navigator: Enabled Post Navigator or not
   - Related Posts: Enabled Related Posts or not
   - Columns Of Related Posts: Choose 2 Columns, 3 Columns, 4 Columns
   - Number Of Related Posts: Number Of Related Posts

7. ##### Team Archive

   - Team Slug: You can modify the Team Slug here
   - Team Name: You can modify the Team Name here
   - Show Number Posts: Number Of Related Posts
   - Grid Columns: Choose 2 Columns, 3 Columns, 4 Columns
   ....

8. ##### Team Single

### Creat Post Type

1. ##### Services

To To create a Services list you go to: Dashboarb -> Services, then select the Product to edit and click Edit or click New Services to create a new Services

2. ##### Portfolios

To To create a Portfolio list you go to: Dashboarb -> Portfolio, then select the Product to edit and click Edit or click New Portfolio to create a new Portfolio

3. ##### Team

To To create a Team list you go to: Dashboarb -> Team, then select the Product to edit and click Edit or click New Team to create a new Team

### Themesflat Addons

NOTE: to use all widgets of Themesflat addons, You select the page to edit or create a new page Edit with Elementor -> Elementor -> Themesflat Addons

1. ##### TF Title Section

   You build it at Themesflat Addons

   You can customize at Content and Advanced

2. ##### TF Services

   You build it at Themesflat Addons, it helps you to create a simple Team

   You can customize at Content and Advanced

3. ##### TF Icon Box

   You build it at Themesflat Addons

   You can customize at Content and Advanced

4. ##### TF Portfolio

   You can customize at Content and Advanced

5. ##### TF Team

   You can customize at Content and Advanced

6. ##### TF Testimonial Carousel

   You can customize at Content and Advanced

7. ##### TF Post

   You can customize at Content and Advanced

Everything is so simple when you just need drag and drop. Wish you have a great website!