FlatterPlus WordPress Theme Documentation

  1. Go to Customize in Appearance menu.
  2. Click on Flatter Advance Option.
  3. Click on Font and Color Setting.
  4. Then you’ll see following options:
    • Theme Color: This allows to set the theme color.
    • Choose Font Family For Your Site: This allows to set font style for your site.

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Advance Option.
  3. Click on Flatter Section Ordering.
  4. Then you’ll see following options:
    • Select Frontpage 1st Section: This allows to select section to be 1st positioned.
    • Select Frontpage 2nd Section: This allows to select section to be 2nd positioned.
    • Select Frontpage 3rd Section: This allows to select section to be 3rd positioned.
    • Select Frontpage 4th Section: This allows to select section to be 4th positioned.
    • Select Frontpage 5th Section: This allows to select section to be 5th positioned.
    • Select Frontpage 6th Section: This allows to select section to be 6th positioned.
    • Select Frontpage 7th Section: This allows to select section to be 7th positioned.

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Advance Option.
  3. Click on Section Backgrounds.
  4. Then you’ll see following options:
    • Upload Background Image For Feature Section: This allows you to set background image for Feature Section.
    • Upload Background Image For Service Section: This allows you to set background image for Service Section.
    • Upload Background Image For Testimonial Section: This allows you to set background image for Testimonial Section.
    • Upload Background Image For Latest Post Section: This allows you to set background image for Latest Post Section.
    • Upload Background Image For Our Work Section: This allows you to set background image for Our Work Section.

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Advance Option.
  3. Click on Footer Settings.
  4. Then you’ll see following options:
    • Copyright Text: This allows you to set copyright text.
    • Enable/Disable Powered By Section: This allows to either enable or disable powered by text.
    • Enable/Disable Scroll To Top Button: This allows to either enable or disable scroll to top button.
    • Enable/Disable Scroll To Bottom Button: This allows to either enable or disable scroll to top button.
    • Enable/Disable Bread Crumb: This allows to either enable or disable bread crumb.
    • Facebook, Twitter, Googleplus, Youtube and Linkedin: This allows to set links to social webpages.

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Advance Option.
  3. Click on Flatter Custom Code Options.
  4. Then you’ll see following options:
    • Paste Header Code: This allows you to write your header code that is displayed at the top of a page.
    • Paste Footer Code: This allows you to write your footer code that is displayed at the bottom of a page.
    • Paste your custom css: This allows you to write your own styles.

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Sidebar Layout.
  3. There you’ll find, Category Sidebar, Single Post Sidebar, Single Page Sidebar, Search Page Sidebar and Page Not Found Sidebar.
  4. All of them consist of Sidebar Position option. This allows you to set the sidebar position either to left, right or both.

Category: FlatterPlus

In order to set Welcome Section, slider section must be disabled for Index Page.

  1. Go to Customize in Appearance menu.
  2. Click on Flatter Theme Option.
  3. Click on Index Page Settings.
  4. Then you’ll see the following options:
    • Welcome Text: This allows you to set the welcome title.
    • Welcome Text Area: This allows you to set the welcome message.
    • Enable/Disable Welcome Text on Index Page: This allows you to either enable or disable welcome message in index page.

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Theme Option.
  3. Click on CTA Section.
  4. Then you’ll see the following options:
    • Enable/Disable CTA section on Front Page: This allows you to either enable or disable CTA Section on Front Page.
    • CTA code here: This allows you to write your own code and content that are to be displayed in CTA Section.

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Theme Option.
  3. Click on Latest Post Categories.
  4. Then you’ll see the following options:
    • Latest Post Title: This allows you to set title of Latest Post Section.
    • Choose Category: This allows you to select post category that is to be displayed in Latest Post Section.
    • Enable/Disable Latest Post Section: This allows you to either enable or disable Latest Post Section.
    • Select Number of Post: This allows you to select the number of posts that are to be displayed in Latest Post Section.

Category: FlatterPlus
  1. From Appearance, click on widgets.
  2. From widgets you will see the following widget:
    1. Flatter Socialize: Allows you to add links to your social sites.                                                                                             customwidett
    2. Flatter Advertisement Widget: Allows you to add advertisement section on your sidebar as per your requirement.                                                                                                                                                                                 customwidgeet
    3. Frontpage Widget: You need to enable this widget as shown in the picture below. Allows you to add text widget and any other as per your requirement which is also shown in the picture below.                            layout customwidget
Category: FlatterPlus
  1. From post click on, categories.
  2. From categories, you will see the following option:
    1. Name: Allows you to add category name.
  3. Finally click on add new category to add the desired category.

category

  1. From post click on add new.
  2. From add new  you will see the following options:
    1. Title: Allows you to add title to your post.
    2. Description: Allows you to add description to your post.
    3. Add Media: Allows you to add media files into your post.
    4. Select Category: Allows you to select category for your post.
    5. Set Featured Image: Allows you to add feature image to your post.

post

Note: Categories can be added according to the sections. For instance if you want to appear your post in product section then at first create category called “product” and then classify that post as product in category section.

  1. From Appearance section, go to Flatter Option.
  2. From Flatter Option, click on Import/Export you will be the option shown in the picture that allows you to Import/Export the theme option.

import

Category: FlatterPlus
  1. From Appearance section, go to Flatter Option.
  2. From Flatter Option, click on Section Setting where you will be able to see the following option for different Sections in your website.
    1. Enable/Disable Slider Read More Button: Allows you to enable/disable Read More Button in slider section of you website.
    2. Section Title: Allows you to set Section Title according to your requirement in each section in your website.
    3. Number of Post to Show: Allows you to select Number of Post to be displayed on each section in your website.
    4. Set Background Image: Allows you to set a different Background Image in different section in your website.
    5. Home Widget Background Image: Allows you to select a different Background Image in Newsletter Section in your website.

section section1 section2

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Theme Option.
  3. Click on Our Works Categories.
  4. Then you’ll see the following options:
    • Our Works Title: This allows you to set title of Our Works Section.
    • Choose Category: This allows you to select post category that is to be displayed in Our Works Section.
    • Enable/Disable Our Works Section: This allows you to either enable or disable Our Works Section.
    • Select Number of Post: This allows you to select the number of posts that are to be displayed in Our Works Section.

 

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Theme Option.
  3. Click on Testimonials Categories.
  4. Then you’ll see the following options:
    • Testimonials Title: This allows you to set title of Testimonials Section.
    • Choose Category: This allows you to select post category that is to be displayed in Testimonials Section.
    • Enable/Disable Testimonials Section: This allows you to either enable or disable Testimonials Section.
    • Select Number of Post: This allows you to select the number of posts that are to be displayed in Testimonials Section.

 

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Theme Option.
  3. Click on Services Categories.
  4. Then you’ll see the following options:
    • Our Services Title: This allows you to set title of Service Section.
    • Choose Category: This allows you to select post category that is to be displayed in Service Section.
    • Enable/Disable Services Section: This allows you to either enable or disable Service Section.
    • Select Number of Post: This allows you to select the number of posts that are to be displayed in Service Section.

 

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Theme Option.
  3. Click on Features Categories.
  4. Then you’ll see the following options:
    • Choose Category: This allows you to select post category that is to be displayed in Feature Section.
    • Our Feature Title: This allows you to set title of Feature Section.
    • Enable/Disable Feature Content: This allows you to either enable or disable Feature Section.
    • Select Number of Post: This allows you to select the number of posts that is to be displayed in Feature Section.

Category: FlatterPlus
  1. Go to Customize in Appearance menu.
  2. Click on Flatter Theme Option.
  3. Click on Slider Categories.
  4. Then you’ll see the following options:
    • Choose category: This allows you to choose the post category which will be displayed in slider.
    • Select Number of Post: This allows you to choose the number of posts that will be displayed in slider.
    • Enable/Disable Slider on Index Page: This allows you to either enable or disable slider on index page.
    • Enable/Disable Slider on Front Page: This allows you to either enable or disable slider on front page.
    • Enable/Disable Title: This allows you to either enable or disable post title in slider.
    • Enable/Disable Content: This allows you to either enable or disable post content in slider.
    • Enable/Disable Read More Button: This allows you to either enable or disable read more button in slider.
    • Contact Us Title: This allows you to set title for contact button in slider.
    • Contact Us Link: This allows you to set link to your contact page and contact button of slider.

Category: FlatterPlus
  1. From Customize section, go to Static Front Page.
  2. From Static Front Page, you will be able to set a page as Static Front Page and you will find post page option as well.

static-front

Category: FlatterPlus
  1. From Customize section, go to
  2. From Widgets, you will be able to Add and Remove.

widget

Category: FlatterPlus
  1. From Customize section, go to
  2. From Menus, you will see Menu Location.
  3. Now you can choose menu for Primary Menu which will be displayed in top header section as main menu.

menulocation

Category: FlatterPlus
  1. From Customize section, go to
  2. From Menus, click on a particular menu you want to edit and you will be able to see the created menu, options to reorder and add menu items.

menuopt

Category: FlatterPlus
  1. From Customize section, go to Menus.
  2. From Menu click on ‘Add on Menu’ button and you will be able to create a menu. For example: below image shows Header Menu.
  3. Now you need to add items to this created menu.

menu

Category: FlatterPlus
  1. From Customize section, go to Header Image.
  2. From the Header Image, you will be able to make changes in:
  3. Current Header Image: The header image that you have currently set. Click on Add new image to select new from media gallery.
  4. Previously Uploaded: The header image that you have previously uploaded.
  5. Randomize Uploaded Headers: The header images that you have uploaded changes randomly in different pages of your site.

header-image

Category: FlatterPlus
  1. From Customize section, go to
  2. From Colors, you will be able to change options like:
  3. Header Text Color: This changes the header text color of your site.

screenshot-localhost 2016-05-31 11-18-56

Category: FlatterPlus
  1. From Customize section go to Site Identity.
  2. From Site Identity you will be able to add various option related to site identity like:
    1. Site Title: It changes the main site title of the site.
    2. Tagline: It changes the tagline (i.e Description) of the site. Just below the site title.
    3. Display Site Title and Tagline: This enables/disables the site title and tagline from the site.
    4. Site Icon: The Site Icon is used as a browser and app icon for your site. The icon must be square, and at least 512px wide and tall.

Site Identity

Category: FlatterPlus
  1. From Appearance section, go to Flatter Option.
  2. From Flatter Option, click on Layout Manager where you will be able to see the following option:
    1. Enable: Allows you to enable the required sections in your website.
    2. Disable: This disables the sections which you do not want in section.

layout-manager

Category: FlatterPlus
  1. From Appearance, section go to Flatter Option.
  2. From Flatter Option, click on Getting Started where you will be able to see the following option:
    1. Logo: This allows you to upload Site Logo to you theme.
    2. Logo Text: Here you can provide the Site Title as per your choice when Site Logo is not uploaded.
    3. Page/Post/Category Layout: Allows you to choose layout of your page/post/category managing the sidebar position.

logo-sidebar

Category: FlatterPlus

 Install the plugin Flatter Post Types shown below the Dashboard in your admin panel.

screencapture

Category: FlatterPlus
  1. Select the Appearance Panel, Themes.
  2. Click on add new theme.
  3. Then click on upload theme.
  4. Click on choose file locate faltter-plus.zip theme in your computer.
  5. Select flatter-plus.zip and click install now.
Category: FlatterPlus