Flatter WordPress Theme Documentation

  1. From Appearance, click on Customize.
  2. From Customize,click on Flatter Theme Option.
  3. From Flatter Theme Option, click on CTA Section.
  4. From CTA Section you will see the following options:
    1. Enable/Disable CTA Section on Front Page: Allows you to enable/disable CTA section on front page of your website.
    2. CTA Code Here: Allows you to edit your HTML code as per your requirement.

CTA

Category: Flatter
  1. From appearance, click on customize. 
  2. From customize, click on Flatter Theme Option.
  3.  From Flatter Theme Option,click on Index Page Settings.
  4. From Index Page Settings, you will see the following options:
    1. Welcome Text: Allows you to change the welcome text according to your requirement.
    2. Welcome Text Area: Allows you to add description to your welcome section on the website.
    3. Enable/Disable Welcome Text on Index Page: Allows you to enable/disable welcome section on your site.

indexpage

Category: Flatter
  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 Customize section, go to Flatter Theme Option.
  2. From Flatter Theme Option, you will be able to see Footer Settings.
  3. In Footer Settings, you will see the following option:
    1. Copyright Text: This allows you to change Copyright section in your website as per your requirement.
    2. Enable/Disable Powered By Section: Allows you to enable/disable Powered By section on your website.
    3. Enable/Disable Scroll To Top Button: Allows you to enable/disable Scroll to Top Button as per your choice.
    4. Enable/Disable Bread Crumb: Allows you to enable/disable Bread Crumb section on post/page.
    5. Facebook: This allows you to link your website to your Facebook Account.
    6. Twitter: This allows you to link your website to your Twitter Account.
    7. Google Plus: This allows you to link your website to your Google Plus Account.
    8. YouTube: This allows you to link your website to your YouTube Channel.
    9. LinkedIn: This allows you to link your website to your LinkedIn Account.

 footer1 footer

Category: Flatter
  1. Install Newsletter Plugin, then Activate the plugin.
  2. Then click on Customize section, go to Newsletter Section, you will see:
    1. Newsletter Textbox: Here you can change the title Subscribe for Newsletter as per your requirement.

newsletter

Category: Flatter
  1. From Customize section, go to Flatter Theme Option.
  2. From Flatter Theme Option, you will be able to see Our Works Categories.
  3. In Our Works Categories, you will see the following option:
    1. Our Works Title: This allows you to change Our Works Title as per your requirement.
    2. Choose Category: Here you need to select Our Works Category, which you have created in Category
    3. Enable/Disable Our Works Section: This allows you to enable/disable Our Works Section in your website.

works

Category: Flatter
  1. From Customize section, go to Flatter Theme Option.
  2. From Flatter Theme Option, you will be able to see Latest Post Categories.
  3. In Latest Post Categories, you will see the following option:
    1. Latest Post Title: This allows you to change Latest Post Title as per your requirement.
    2. Choose Category: Here you need to select Latest Category, which you have created in Category
    3. Enable/Disable Latest Post Section: This allows you to enable/disable Latest Post Section in your website.

latest

Category: Flatter
  1. From Customize section, go to Flatter Theme Option.
  2. From Flatter Theme Option, you will be able to see Testimonials Categories.
  3. In Testimonials Categories, you will see the following option:
    1. Testimonials Title: This allows you to change Testimonials Title as per your requirement.
    2. Choose Category: Here you need to select Testimonial Category, which you have created in Category
    3. Edit Testimonial Background: Allows you to change the Background of the Testimonial from media gallery.
    4. Enable/Disable Testimonials Section: This allows you to enable/disable Testimonials Section in your website.

 testimonial

Category: Flatter
  1. From Customize section, go to Flatter Theme Option.
  2. From Flatter Theme Option, you will be able to see Services Categories.
  3. In Services Categories, you will see the following option:
    1. Our Service Title: This allows you to change Our Service Title as per your requirement.
    2. Choose Category: Here you need to select Services Category, which you have created in Category
    3. Enable/Disable Services Section: Allows you to enable/disable Our Services section in your website.

service

Category: Flatter
  1. From Customize section, go to Flatter Theme Option.
  2. From Flatter Theme Option, you will be able to see Feature Categories.
  3. In Feature Categories, you will see the following option:
  4. Choose Category: Here you need to select the Feature Category, which you have created in Category
  5. Enable/Disable Featured Content: This allows you to enable/disable Features section in your website.

feature

Category: Flatter
  1. From Customize, section go to Flatter Theme Option.
  2. From Flatter Theme Option, you will be able to see Slider Categories.
  3. In Slider Categories, you will see the following option:
    1. Choose Category: Here you need to select the Slider Category, which you have created in Category
    2. Select Number of Post: Displays the number of sliders that in the home page of your site.
    3. Enable/Disable Slider on Index Page: Allows you to enable/disable slider on index page.
    4. Enable/Disable Slider on Front Page: Allows you to enable/disable slider on front page.
    5. Enable/Disable Title: Allows you to enable/disable title of the slider on slider section.
    6. Enable/Disable Content: Allows you to enable/disable content of the slider on slider section.
    7. Enable/Disable Read More Button: Allows you to enable/disable read more button of slider on slider section.
    8. Contact Us Title: Allows you to change the title of the contact us as per your requirement on your website.
    9. Contact Us Link: Provides link to  Contact Us button in the slider.

slider slider1

                                               

Category: Flatter
  1. From Customize, section go to Flatter Sidebar Layout.
  2. From Flatter Sidebar Layout, you can select different sidebar option as shown in the picture below.
  3. Select the Sidebar Position as per your requirement.

sidebar-option side-barpostion

Category: Flatter
  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: Flatter
  1. From Customize section, go to
  2. From Widgets, you will be able to Add and Remove widgets.

widgets

Category: Flatter
  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: Flatter
  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: Flatter

How to add Menu?

  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: Flatter
  1. From the Customize section, go to Background Image.
  2. From Background Image you will see:
  3. Background Image:  This will change the background image of the whole site.
  4. Background Repeat: This will display the background image according to option proved.
  5. Background Position: It will mange the postion of the background image.
  6. Background Attachement: This enables background image to be fixed or scroll.
  7. backgroundimage bg
Category: Flatter
  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: Flatter
  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.
  4. Background Color: This changes the background color of your site
  5. .Color
Category: Flatter
  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 Logo (Only available in WordPress version greater than or equal to 4.5): It changes the main logo of the site.
    2. Site Title: It changes the main site title of the site.
    3. Tagline: It changes the tagline (i.e Description) of the site. Just below the site title.
    4. Display Site Title and Tagline: This enables/disables the site title and tagline from the site.
    5. 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: Flatter
  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.zip theme in your computer.
  5. Select flatter.zip and click install now.

 

Category: Flatter