Vemus WordPress Theme is Live Special $19 Offer for You! BUY NOW
Hire Us

Themesflat WordPress Business Theme Documentation

Home Themesflat WordPress Business Theme Documentation
  • 1. Welcome
  • 2. Requirements
  • 3. Install Theme
  • 4. Plugins & Demo Import
  • 5. Customize Theme
  • 6. Post Types
  • 7. Themesflat Addons
  • 8. Support & Credits

Themesflat · WordPress Themes

Welcome to Themesflat!

This guide shows you step by step how to install, import the demo and customize any of our Business WordPress themes: requirements, plugins, header, footer, typography, colors, post types and Themesflat Addons. One guide, every business theme.

Explore more WordPress themes

WordPress Business Theme Documentation

  • Applies to: every Business WordPress theme by Themesflat sold on Vithemes (corporate, finance, consulting, law, medical and more)
  • Technology: WordPress, Elementor, Themesflat Addons for Elementor, Contact Form 7
  • Version & last update: see the changelog inside your downloaded package
  • Author: Themesflat

Thank you for choosing a Themesflat WordPress theme. All business themes work the same way, so this one guide covers every item: wherever you read themename, use the name of the theme you purchased. The exact list of demos, plugins and post types differs from item to item.

i
About the screenshots

The screenshots come from one of our business themes. The menus and options are the same in every Themesflat theme, only the demo content and colors differ.

Theme Features & Quick Start:

  • Built with Elementor and the Themesflat Addons widgets, no coding needed
  • One-click demo import, so your site looks like the live preview in minutes
  • Theme options in the WordPress Customizer: logo, header, footer, typography and colors
  • Custom post types such as Services, Team and Case Study (the list differs per theme)
  • Blog options, child theme included, fully responsive

Quick start:

  1. Unzip the package you downloaded from Envato. You will find theme, theme-child and documentation.
  2. In WordPress go to Appearance > Themes > Add New > Upload Theme, upload themename.zip and click Activate.
  3. Click Begin installing plugins and activate all required plugins.
  4. Go to Appearance > Import Demo Data and import the demo.
  5. Customize your site in Appearance > Customize and edit pages with Elementor.

Explore this documentation

Find detailed guides to customize every part of your template.

RequirementsWordPress, PHP limits and required plugins.
Install ThemeUpload the theme from the dashboard or by FTP.
Plugins & Demo ImportInstall plugins and import the demo in one click.
Customize ThemeHeader, footer, typography and colors.
Post TypesBlog, Services, Team and Case Study.
Themesflat AddonsElementor widgets: drag, drop and customize.

Requirements

To use a Themesflat WordPress theme your hosting must meet the minimum requirements below.

Minimum requirements

  • WordPress 5.x or higher
  • PHP 8.0 or higher
  • MySQL 5 or higher

Required plugins

  • Elementor
  • Contact Form 7
  • Themesflat Core
  • Themesflat Addons For Elementor
  • MC4WP: Mailchimp for WordPress

Recommended: One Click Demo Import. Some themes also use Slider Revolution (the list differs per theme). The theme shows the exact list when you activate it.

Recommended PHP configuration limits

Many problems such as a white screen, 400 or 500 errors, a demo import that fails or empty page content come from low PHP limits. Increase them in cPanel, or ask your web host to set at least:

allow_url_fopen    = On   (cURL library and OpenSSL must be enabled)
memory_limit       = 256M
max_execution_time = 300
max_input_time     = 300
post_max_size      = 164M
upload_max_filesize = 128M
!
Check this before you import the demo

A demo import that stops half way is almost always caused by these limits. Fix them first, then import again.

Install Theme

After purchase, download themeforest-xxxxxx-themename.zip and extract it. Inside you will find 3 items:

  • theme: the main theme (themename.zip)
  • theme-child: the child theme, optional
  • documentation: this guide
i
Video

Prefer to watch? See the One Click Install Demo video.

Install from the WordPress dashboard

This is the simplest way for most users.

Step 1. Log in to your WordPress Dashboard.

Step 2. Go to Appearance > Themes, then click Add New at the top of the screen.

Step 3. Click the Upload Theme button.

Step 4. Click Choose File and select themename.zip.

Step 5. Click Install Now and wait a moment.

i
Child theme

If you want to use the child theme, install theme-child the same way, then activate the child theme.

Step 6. When the installation is done, click Activate.

Install through FTP

  1. Log in with your FTP client to the server where your WordPress site is hosted.
  2. Go to the /wp-content/themes/ folder in the root of your site.
  3. Upload the unzipped themename folder to the themes folder.

Then go to Appearance > Themes and activate the theme.

Plugins & Demo Import

Step 1. After you activate the theme, a notice appears at the top of the screen. Click Begin installing plugins.

Step 2. Go to Appearance > Install Plugins and select all the plugins required by the theme (Contact Form 7, Elementor, Themesflat Core, Themesflat Addons For Elementor, Mailchimp) and the recommended One Click Demo Import.

Wait for the installation to finish.

Step 3. Activate the plugins.

Step 4. Go to Appearance > Import Demo Data.

Step 5. Click Continue & Import.

Step 6. Wait while the demo is imported. Do not close the page.

Step 7. Finish. Your site now looks like the live preview.

!
Import on a fresh site

The import adds the demo pages, posts and menus to your site. For the best result import on a new WordPress installation.

Customize Theme

To start customizing the theme, go to Dashboard > Appearance > Customize.

i
Save your changes

Click Save & Publish after you finish customizing. These are global settings that apply to the whole site, and they can be overridden on a single post or page.

1. General

Site Identity

Go to Appearance > Customize > Site Identity. Site Title is the name of your site, Tagline is a few words that describe it, and Site Icon is the icon you see in browser tabs, bookmarks and the WordPress mobile apps.

Site Display

Go to Appearance > Customize > General. Enable Smooth Scroll turns smooth scrolling on or off, Enable Preload shows a loader while a page opens, and Go To Button shows or hides the scroll-to-top button.

2. Header

To set up the header go to Appearance > Customize > Header.

Custom Logo

Upload Your Logo, Upload Logo Sticky and Upload Your Logo On Mobile change the logo on desktop, sticky header and mobile. Logo Size sets its size and Box Controls adjusts padding and margin.

Topbar
Distance Between Menu
Header Options

Header Style chooses the default header, Header Sticky enables the sticky header, Search Box shows the search box and Sidebar Toggler shows the sidebar toggle button.

Create a Menu

Go to Appearance > Customize > Menus, select a menu to edit or create a new one.

Drag and drop the items to change the menu order.

Other Header Styles

Edit the page with Elementor, then go to Page Settings > TF Header. You can choose a different header for each home page.

Change the logo here:

3. Page Title & Breadcrumb

Page Title Style

Go to Appearance > Customize > Page Title > Page Title.

Edit the page title controls here:

Breadcrumb

Enable Breadcrumbs turns the breadcrumbs on or off.

4. Typography

Go to Appearance > Customize > Typography.

Body Font

Choose the font family, size, weight and color of the body text.

Topbar Font

Choose the font of the topbar text.

Menu Font

Choose the font of the menu and the sub menu.

Heading Font

5. Layout & Styles

Scheme Color

Go to Appearance > Customize > Color.

General: change the Primary, Secondary, Accent and Background colors.

Topbar: change the topbar colors.

Header: change the header colors.

Footer: change the footer colors.

Layout Style

Go to Appearance > Customize > Background Image to set the background image.

Go to Appearance > Widgets to edit the widgets.

6. Footer

Edit Footer

Go to Appearance > Customize > Footer to edit the default footer.

Columns Footer

Edit the footer columns here. Go to Appearance > Widgets to edit the content of each column.

Bottom

Edit the bottom bar of the footer.

Action Box

Edit the action box above the footer.

Other Footer Styles

Go to Dashboard > TF Header Footer Template to edit the other footer styles.

Click Edit to customize the footer for each page.

Post Types

Blog and custom post type options are in Dashboard > Appearance > Customize > Content. The post types that exist (Services, Team, Case Study …) differ per theme.

1. Blog archive

  • Sidebar Position: No Sidebar, Left or Right on the posts page
  • Blog Layout: List or Grid
  • Post Grid Columns: number of columns
  • List Sidebar: the sidebar shown on the posts page
  • Post Content Elements: drag and drop to re-order
  • Post Excerpt Length: limits the text length when Auto Post Excerpt is on
  • Social Share: enable or disable
  • Readmore Text: text of the Read more button
  • Meta Elements: drag and drop to re-order

2. Blog single

  • Post Navigator: show or hide
  • Related Posts: show or hide
  • Related Posts Style: Blog List or Blog Grid
  • Columns Of Related Posts: 2, 3 or 4
  • Number Of Related Posts: how many posts to show

3. Team archive and single

  • Team Slug and Team Name: change the URL slug and the name
  • Show Number Posts: posts per page
  • Order By and Order Direction: sort by id, date … ascending or descending
  • Post Ids Will Be Ignored: hide posts by id

4. Services archive and single

  • Services Slug and Services Name: change the URL slug and the name
  • Sidebar Position and List Sidebar: choose the sidebar style
  • Columns Of Related Posts and Number Of Related Posts: related services

5. Case Study archive and single

  • Case Study Slug and Case Study Name: change the URL slug and the name
  • Show Number Posts, Order By and Order Direction: same options as Team

Create Services

Go to Dashboard > Services, edit an existing service or click Add New.

To change the icon of a service, go to Dashboard > Services > Edit with Elementor.

Then open Settings > TF Services > Choice icon.

Create Team

Go to Dashboard > Team, edit an existing member or click Add New.

Edit the member information in Dashboard > Team > Edit.

Info: email, phone, location and social links.

Create Case Study

Go to Dashboard > Case Study, edit an existing case study or click Add New.

Edit it in Dashboard > Case Study > Edit.

Themesflat Addons

To use the Themesflat Addons widgets, edit a page (or create a new one) with Elementor, then open the Themesflat Addons group in the widget panel.

i
More widgets

There are many more widgets to choose from. Everything is drag and drop, so you can build a page without any code.

1. TF Title Section

Build it with Themesflat Addons, then customize it in the Content and Advanced tabs.

2. TF Button

Build it with Themesflat Addons, then customize it in the Content and Advanced tabs.

3. TF Partner

Build it with Themesflat Addons, then customize it in the Content and Advanced tabs.

4. TF Services

Build it with Themesflat Addons, then customize it in the Content and Advanced tabs.

You can also choose the style of the services.

5. TF Step

Build it with Themesflat Addons, then customize it in the Content and Advanced tabs.

6. TF Case Study

Build it with Themesflat Addons, then customize it in the Content and Advanced tabs.

Support & Credits

If you have any question, create a ticket or email us from the box below. Plugins used by the themes (the list differs per theme):

Still need help?

Thank you for choosing Themesflat. If something in this guide is unclear, or need help with the demo import, our team is happy to help. Create a ticket or send us an email and we will reply as soon as possible.

Create a ticket[email protected]Explore more WordPress themes

© Themesflat · Sold on Vithemes. All demo images are for preview purposes only.