Flexible

• created: 06/01/2016
• latest update: 06/01/2016
• by: Mysterythemes
• mysterythemes.com/
• email: mysterythemes@gmail.com

Thanks

Installing Theme via wordpress interface

• Go to Dashboard > Appearance > Themes
• Click on 'Add New'
• Search for the 'flexible' Theme.
• Click on 'install' and activate the theme

Installing Theme Offline

• Download a Copy of Flexible Theme from Wordpress/Mysterythemes
• You'll get 'faceblog.zip' file save it in your storage.
• Go to Dashboard > Themes > Click on 'Add New'
• Click on 'Upload Theme'.
• Browse for the theme you've have downloaded.
• Click on 'install'
• And Activate the theme

Change Site-title & Description

• Click on General setting > Site Identity in customizer
• Change the text of field below site title
• Change the text of tag line for site description
• Click on saved button on top of customizer for saving changes.

Uploading a Favicon

• Click on General setting > Site Identity in customizer.
• Click on Change File button.
• Select favicon from media library or upload a favicon
• Click on select button.
• Click on skip cropping button and saved it.

Uploading a Logo

• Click on General setting > Site Identity in customizer.
• Click on select logo
• Select logo from media library or upload a logo
• Click on select and crop button.
• Click on skip cropping button and saved it.

Change Header Text color

• Click on General setting > colors in customizer.
• Click on header text color picker
• Choose color as per requirement.
• Click on saved button on top of customizer for saving changes.

Change Primary Color

• Click on General setting > colors in customizer.
• Click on Theme color picker
• Choose color as per requirement.
• Click on saved button on top of customizer for saving changes.

Creating One Page Menu

• Go to Dashboard > Appearance > Menus.
• Click on 'create a new menu'.
• Enter the name for the menu in 'Menu Name' field.
• Click on 'Create Menu' button.
• Add custom links from left sidebar panel
• enter the URL and Link Text. Enter you URL in this formate:
• http://demo.mysterythemes.com/flexible/#about (http://your home page link/Section ID used in widgets).
• Now, press Add Menu
• Set Theme Locations as 'Primary Menu' (menu under logo) then Click on Save Menu

Enable Search icon & sticky header

• Click on Header setting > Header Extra Options in customizer.
• Check on Search Icon Option to show the search icon in header.
• Check on Sticky Menu Option to disable sticky header.
   

Flexible Provides a 'Home Page' template for your home page. Please follow these steps to configure your home page with 'home page' template.

• Go to Dashboard > Pages > Add New.
• Create a Page (for your home page).
• Enter the Title (e.g. 'Home') and and assign the page with 'Home Page' Template.
• Click on 'Publish' button.
• Now Go to Dashboard > Settings > Reading.
• Set 'Front page displays' option to display 'A static page'.
• Then Select the Page (home page created with 'home page' template) from 'Front Page' Drop Down List.
• Now configure the home page sections.

Setup slider

• Click on FrontPage setting > Slider Settings in customizer.
• Check on Slider section option to show homepage slider section.
• Select suitable category for display post as slider slide (Recommended slide image size: 1920 * 1000).

Setuping Flexible Widgets for homepage

Flexible theme provides eight widgets which can be used in Front Page Widgets Area to setup various Section in homepage

Note: Please use unique id in "Section ID" field in the widgets and use same ID in the menu for One Page Menu.

1. Flexible: About Us Section

• Add title for the section in section title field on about widget
• Create a page for about section
• Enter page title, page description and feature image and publish it
• Choose the specific page that was created for about page in select page option in about widget

2. Flexible: Services Section

• Add title for the section in section title field on services widget
• Add description in Section Info field on services widget
• Choose and select background image if you want to use background image in services section OR leave blank for default background color of the theme for serivces section
• Create a page for services section
• Enter page title, page description and feature image and select Services Template to display Services pages., Publish it.
• Add number of pages to display of services section

3. Flexible: Portfolio Section

• Add title for the section in section title field on portfolio widget
• Add description in Section Info field on portfolio widget
• Create a page for portfolio section
• Enter page title, page description and feature image and select Portfolio Template to display portfolio pages., Publish it.
• Add number of pages to display of portfolio section

4. Flexible: Testimonials Section

• Add title for the section in section title field on testiomonials widget
• Add description in Section Info field on testiomonials widget
• Make a post in admin panel.
• Add Post Title,Excerpt/Content and feature Image for testiomonials in post field.
• Make a category 'testiomonials' and choose testiomonials category for specific post & save it.
• Select category testiomonials from dropdown option in testiomonials widget

5. Flexible: Call to Action

• Add title for the section in section title field on call-to-action widget
• Add description in Section Info field on call-to-action widget
• Choose and select background image if you want to use background image in call-to-action section OR leave blank for default background color of the theme for call-to-action section
• Add text or Call to Action Button
• Add URL of the page/post in which you want to redirect on  call-to-action Button url

6. Flexible: Latest News

• Add title for the section in section title field on Latest News widget
• Add description in Section Info field on Latest News widget
• Make a post in admin panel.
• Add Post Title,Excerpt/Content and feature Image for Latest News in post field.
• Make a category 'Blog' and choose Blog category for specific post & save it.
• Select category Blog from listed option in Latest News widget

7. Flexible: Contact Us

• Add title for the section in section title field on contact us widget
• Add description in Section Info field on contact us widget
• Choose and select background image if you want to use background image in contact us  section OR leave blank for default background color of the theme for contact us section
• Enter page title, contact form 7 shortcode in description and  Publish it.
• Select Contact page form drop down option in cotact us widget
• Add address, phone and mail in related field for cotact info
• Add iframe for google map in map section in contact us widget

8. Flexible: Sponsors

• Add title for the section in section title field on contact us widget
• Add description in Section Info field on contact us widget
• Make a post in admin panel.
• Add Post Title,Excerpt/Content and feature Image for sponsors in post field.
• Make a category 'sponsors' and choose sponsors category for specific post & save it.
• Select category sponsors from listed option in sponsors widget

Upload Background Image

• Click on General setting > Background image in customizer.
• Click on Add New Image
• Select backgroung image or upload background image and click on choose image.
• Manage the background property and click on save button.

Change Archive Sidebar Layout

• Click on Design setting > Archive Sidebar in customizer.
• Choose Sidbar layout from available layout to change the layout for whole site archives, categories, search page etc.
• Click on saved button on top of customizer for saving changes.

Change Page Sidebar Layout

• Click on Design setting > Page Sidebar in customizer.
• Choose Sidbar layout for all pages unless unique layout is set for specific page.
• Click on saved button on top of customizer for saving changes.

Change Post Sidebar Layout

• Click on Design setting > Post Sidebar in customizer.
• Choose Sidbar layout for all Posts unless unique layout is set for specific page.
• Click on saved button on top of customizer for saving changes.

Custom Css

• Click on Design setting > Custom Design in customizer.
• write css code inside custom css box as per required design edits.
• Click on saved button on top of customizer for saving changes.

Footer Layout

• Click on Footer setting > widget setting in customizer.
• Choose footer widget layout option to display number of widget in footer area.
• Click on saved button on top of customizer for saving changes.

Setup Footer Sidebar One / Two / Three /Four

• Click on Widgets > Footer Sidebar One/two/three/four in customizer.
• Click on add widgets
• Choose one widgets available in right side box.
• Insert the text and data according to widget requirement.
• Click on saved button on top of customizer for saving changes.

Footer copyright

• Click on Footer setting > Footer copyright in customizer
• chage the year and text on footer copyright field to modify copytight text
• Click on saved button on top of customizer for saving changes.

Footer Social icons

• Click on Footer setting > Social Media in customizer
• Check on social media section to disable social icons on footer
• Add link of social media in related field
• Click on saved button on top of customizer for saving changes.