close

Getting started

This is the Flash theme instruction page. We have tried our best to keep it as simple as possible. If you think it can be made even simpler let us know we will be glad to change it. Let’s start! On the left side you can see the table of contents of this documentation. Jump to the section you want, or read it all through – your choice. Let’s move on!

Installation

Installing your theme is pretty easy! After downloading you should have a flash.zip file. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload Theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Search for the Flash
  4. Select the Flash theme
  5. Click Install Now

Activate the theme

Go to Appearance > Themes in the WordPress Dashboard.
Now, hover over the theme thumbnail and press the Activate button

Additional information: WordPress Codex – Using Themes

Custom Menu

By default, the menus will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. If you want selective menus with combination of links, pages, categories then custom menu is what you should be looking for.

Set up Custom Menu

  1. Go to Appearance > Menus in the WordPress menu
  2. Click on Create a new menu link
  3. Give a name to your menu in Menu Name and click Create Menu button
  4. Now choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and click on Add Menu
  5. Click Save Menu after adding required pages, categories in the menu
Additional information: Have a look here if you are still confused WordPress Custom Menu

Theme Location for Menu settings

  • Primary MenuDisplay the menu next the logo/header text.
  • Footer MenuDisplay the menu on the Footer.
  • Social menuDisplay the menu containing Social Icons right corner of header top section.

Social Menu setup

fitclub-social-menu

  1. Use Custom Links to create a menu.
  2. In URL field type your social media link. For example: www.facebook.com/profile_id
  3. Social media supported by theme are: Facebook, Twitter, Google Plus, Youtube, Pinterest, Instagram,
  4. Check Social Menu under Theme Location.

Site Identity

This theme supports the default Side Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Site Identity

  1. Go to Appearance > Customize > Site Identity section from the WordPress dashboard
  2. The options integrated in this theme in this section are:

    • Logo
    • This option enables you to upload the header logo in your site, making your site brand look unique by using the custom image with 150 x 150 Pixels of size. Recommanded size for the logo is 107 X 30 pixels.

    • Transparent Logo
    • This option enables you to upload the transparent header logo in your site when scroll downn the page content. Recommanded size for the transparent logo is same as your Logo size.

      Info: This option only work if you selected the Header Transparency as Transparent Header in your page.
    • Site Title
    • Add the required Site Title from this section in your site.

    • Tagline
    • Add the required Site Tagline from this section in your site.

    • Display Site Title & Tagline
    • This option provides you whether to display the Site title and tagline or not in your site.

  3. Click on Save & Publish button after the required setup has been done in your site through this setting.

Header Media

To set the Header Media follow below steps.

Steps

  1. Go to Appearance > Customize > Header Media section from the WordPress dashboard
    • Header Video
    • This option enables you to upload the header video just below the main menu and site title/text in your site.

    • Header Image
    • Upload the header image from the Add new image button. After selecting the header image, it will ask you to crop. If you like to crop it, then, you can crop else leave it as you want for your site to best suit it.

  2. Now, click on Save & Publish button.
Info: Header Video only display in Home/Front Page and reset of pages fallback to Header Image.

Color Options

This theme supports the option to change the color setting for your site, according to which you want for your site. The options integrated in this section are:
  1. Base Color Scheme
  2. Background Color
  3. Link Color
  4. Main Text Color
  5. Secondary Text Color

The image for this color options is shown below which will be displayed as below in the back-end:-
flash-color

Flash Theme Options

All our custom settings related to theme are available through Appearance > Customize > Flash Theme Options section from the WordPress dashboard.

General Settings

    Go to Appearance > Customize > Flash Theme Options > General Settings section from the WordPress dashboard
    The options integrated in this section are:

    • Site Layout
    • This option contain 2 types of layout
      1. Wide Layout
      2. Box Layout ( Defalut )

    • Disable Preloader
    • This option allow you to show/hide preloader animation while opening the site.

    • Preloader Styles
    • This option allow you to choose your Preloader Style. Change the Preloader by selecting the option from dropdown menu.
      Preloader

    • Enable Scroll to Top on Footer
    • This option allow you show/hide Scroll to Top on Footer button. This button will show in your top middle of footer section.

    • Disable Back to Top Button
    • This option allow you to show/hide the back to top button. This Button will display at right side of footer section only when the user scrolls down the content.

    • Enable Animation
    • This option allow you to set the animation effect on your site in the widgets which used in SiteOrigin pannel.

      Info: Animation effect for each widget can be selected from widget options while using SiteOrigin Page Builder.
  1. Click on Save & Publish button after the required setup has been done in your site through this setting.

Top Header Settings

    All the options related to Header top part are available in Appearance > Customize > Flash Theme Options > Top Header Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Enable Top HeaderThis option helps you to display social menu and header contact information on the top header section by enable the checkbox.
  2. Top Header Left Content Display the content on the top left part by selecting the option from dropdown menu.
    • Social MenuDisplay the social menu icons on top header left part.
    • Top Header Text ( Default ) Display the text content on top header left part.
    • Disable Hide the content to display on top header left part.
  3. Top Header Right ContentDisplay the content on the top right part by selecting the option from dropdown menu.
    • Social Menu ( Default )Display the social menu icons on top header right part.
    • Top Header TextDisplay the text content on top header right part.
    • Disable Hide the content to display on top header right part.
  4. Top Header Text ContentAdd the text to display either in top header left or top header right content part.
  5. <ul class="contact-info">
      <li><span><i class="fa fa-map-marker"></i></span>New York, NY 928865, USA</li>
      <li><span><i class="fa fa-phone"></i></span>+987-265945868</li>
      <li><span><i class="fa fa-envelope"></i></span>info@themegrill.com</li>
    </ul>
    

    The image for this header top section is shown below which will be displayed as below in the front-end:-
    flash-top-header

  6. WPML Button Position
    Display the WPML Button Position in your Top Header section by selecting the option from dropdown menu.
    WPML Button

    Info: Please install the WPML Plugin first and set the language settings to display the WPML Button.
  7. Social Menu Style
    This option helps you to display Social Menu Style by selecting the option from dropdown menu.

    • Colored Display the social icons as colorfull according to their default color.
    • Grayscale ( Default )Display the social icons as Gray color .
  8. Social Menu Background Style
    This option helps you to display Social Menu Background Style by selecting the option from dropdown menu.

    • Rounded ( Default )Display each social icon as rounded shape background.
    • Square Display each social icon as square shape background.
    • No Background Display each icon without any background style.
Info: Setup Social Menu to display the social icons in top header part.

Header Settings

    All the options related to Header part are available in Appearance > Customize > Flash Theme Options > Header Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Header Logo PositionDefault header Logo position is Left Logo & Right Menu. To change the header postion select one of the following option from the dropdown.
    • Left Logo & Right Menu  ( Default )
    • Right Menu & Left Logo
    • Center Logo & Below Menu
  2. Remove Header Search Box This option allow to show/hide the search icon near main menu.
  3. Remove Header Cart IconThis option allow to show/hide the woocommerce cart icon near menu.
    Info: This option only display if WooCommerce plugin is activated.
  4. Sticky HeaderIt allow to make header section as sticky when user scrolls down the page content.
  5. Non Sticky Header on MobileIt allow to make sticky header section to non-sticky header section only in mobile views.

Page Header Settings

    All the options related to innerpage of Page Header section are available in Appearance > Customize > Flash Theme Options > Page Header Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Remove breadcrumbs from page headerThis features allow your to show/hide the page title part from the page header section of innerpage.
  2. Page Header Background This featuers allow your to set the background image in your page header section of innerpage.
  3. Page Header Size This featuers allow your to set the displying size of page header section of innerpage by selecting the option from dropdown menu.
    Page Header Size

Archive Blog Settings

    All the options related to Archive/Blog Page are available in Appearance > Customize > Flash Theme Options > Archive Blog Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Blog Style This features allow you dislay blog page with 3 differect awesome styles.
    • Classic (Default)
    • Classic Full Width Image
    • Gride Layout
  2. Archive Page Layout This layout will be reflected in whole site archives, search etc
    • Sidebar Right (Default)
    • Sidebar Left
    • No Sidebar Full Width
    • No Sidebar Content Center
  3. Remove date from post meta This option allow to show/hide the date post meta from the blog page.
  4. Remove author from post metaThis option allow to show/hide the author post meta from the blog page.
  5. Remove comment count from post metaThis option allow to show/hide the comment post meta from the blog page.
  6. Remove category from post metaThis option allow to show/hide the category post meta from the blog page.
  7. Remove tag from post metaThis option allow to show/hide the tag post meta from the blog page.

Post Settings

    All the options related to Single Post are available in Appearance > Customize > Flash Theme Options > Post Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Single Post Layout This layout will be reflected in all single posts unless unique layout is set for specific post.
    • Sidebar Right (Default)
    • Sidebar Left
    • No Sidebar Full Width
    • No Sidebar Content Center
  2. Remove Author Bio from post This option allow to show/hide the author information from the single post.
  3. Remove next/previous link from postThis option allow to show/hide the next/previous post link from the single post.

Page Settings

    All the options related to Single Page are available in Appearance > Customize > Flash Theme Options > Page Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Single Post Layout This layout will be reflected in all single page unless unique layout is set for specific page.
    • Sidebar Right (Default)
    • Sidebar Left
    • No Sidebar Full Width
    • No Sidebar Content Center

Google Font Settings

    To set Fonts for your site go toAppearance > Customize > Flash Theme Options > Google Font Settings section from the WordPress dashboard.

    • Body Font
    • This option allow to set the body font in your site.
      For more google fornts please upgrade your theme to pro version.

    • Body Typography
    • This option allow to set the body Typography in your site.
      Body Typography

    • Widget Heading Typography
    • This option allow to set the widgets Heading Typography in SiteOrigin pannel as well as widgets area in your site.
      Body Typography

Advanced Settings

    All the options related to Advanced Settings are available in Appearance > Customize > Flash Theme Options > Advanced Settings section from the WordPress dashboard.
    The options integrated in this section are:

    • Custom CSS
    • This theme supports the Custom CSS, which overwrites the CSS of the main stylesheet file, so that you can apply some CSS to change the look of the site as you desire. Also, this changes will still remain even if you update the theme.
      Body Typography

    • Google Map API
    • Enter your Google Map API here. If you are using Gmap Widget.

    • Instagram Username
    • Enter your Google Map API here. Learn how to Generate API here.

    • Instagram Access Token
    • Enter your Google Map API here. Learn how to Generate API here.

Page Templates

This theme has built in page templates to show your post post in different way by using the bundled widgets.

Page Templates

In this theme, we have included two Page Template in it, for displaying your post in different way by using the bundled widgets in this theme. They are:

  1. Full Width
  2. While using this page template, you have display your page content without any sidebar with full width of page.

  3. Pagebuilder
  4. While using this page template, you have the ability to display the widgets by using the Pagebuilder plugin, named as Page Builder by SiteOrigin and manage your widgets in this page. The link to this plugin is here: Page Builder by SiteOrigin

Page/Post Specific Meta

This theme has built in page/post specific metabox options to make your site awesome.

Metabox Options

In this theme, we have included Metabox fields under Theme Layout for each page/post. They are:

  1. Layout Settings
  2. This option allow to choose the layout options from given dropdown options. This makes your specific page/post different from other pages/posts.

    • Default Layout
    • Left Sidebar
    • Right Sidebar
    • Fulll Width
    • Full Width Content Center
  3. Sidebar Settings
  4. This option allow to set the your specific sidebar for specific page/post.

  5. Footer Settings
  6. This option allow to show/hide the footer widget section content according to given dropdown options

    • Default Socket and Widgets
    • Both Socket and Widgets
    • Only Widget (No Sockets)
    • Only Socket (No Widgets)
    • Hide Socket and Widgets
  7. Header Transparency
  8. This option allow to set your header section as transparent or non transparent by selecting the given dropdown options.

    • No Transparent
    • Transparent Header

Page Builder

Build responsive page layouts using the widgets using this simple drag and drop page builder.

Page Builder by SiteOrigin

While using this page template, you have the ability to display the widgets by using the Pagebuilder plugin, named as Page Builder by SiteOrigin and manage your widgets in this page. The link to this plugin is here: Page Builder by SiteOrigin

Add Widget

  • Go to any of your page.
  • Click the Page Builder tab which is located in top right of content.
  • You can add your widgets just by click add widgets button

The image for adding your widgets in particular page using Page Builder by SiteOrigin is shown below which will be displayed as below in the front-end:-
Page Builder

Add Row

  • Go to any of your page.
  • Click the Page Builder tab which is located in top right of content.
  • You can add your widgets just by click add row button

The image for adding your rows in particular page using Page Builder by SiteOrigin is shown below which will be displayed as below in the front-end:-
Page Builder row

Info: need to install Page Builder by SiteOrigin plugins.

Flash Toolkit

Flash Toolkit is plugin which contains many awesome widgets. This plugins is speciously developed for compatible of Flash Theme.

Widgets

In this plugin, we have included different type of widget in it to display the post of your site in different way. They are:

FT: Slider

It is the widget bundled in flash toolkit plugin which can be used as the slider in theme, ie, Bigger image with slider title, content and button.

  • Add the FT: Slider Widget to the Pagebuilder area and fills the all necessary inputs such as title, text, image , button text an button url for the slider.
  • There is also option to choose the slider color scheme and display content alignment.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-slider-widget

Info: Only allow upto 5 items.

FT: About

It is the widget bundled in flash toolkit plugin which can be used as the about section in theme with title, content, featured image and button.

  • Add the FT: About Widget to the Pagebuilder area and fills the all necessary inputs such as title, text, upload image, button text an button url for the about section.

The image for this widget is shown below which will be displayed as below in the front-end:-
featured-post-slider

FT: Animated Number Counter

It is the widget bundled in flash toolkit plugin which can be used to disply Animated count number with title and icon.

  • Add the FT: Animated Number Counter Widget to the Pagebuilder area and fills the all necessary inputs such as title, font-awesome icon and animate number.
  • There is also option to choose the style layout.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-animated-counter

Info: To set the background image pleae go to edit row and in design you can set the background image for this section.

FT: Heading

It is the widget bundled in flash toolkit plugin which can be used to disply Heading text and Sub Heading text.

  • Add the FT: Heading Widget to the Pagebuilder area and enter the Heading text and Sub Heading text.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-heading-widget

FT: Logo

It is the widget bundled in flash toolkit plugin which can be used to disply your business patner logo as in horizontal slide show.

  • Add the FT: Logo Widget to the Pagebuilder area and enter the logo title and upload image.
  • Default, two brand logo section is given. You can add new brand logo section by clicking the add new logo button.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-logo-widget

Info: Only allow upto 5 items.

FT: Portfolio

It is the widget bundled in flash toolkit plugin which can be used to dispaly your portfolio & recent work. This widget uses custom portfolio posts with related category as portfolio. Featured image of the post is the portfolio image.

  • Add the FT: Portfolio Widget to the Pagebuilder area and select the project category and enter the number of project to display in your Portfolio section.
  • There is also option to display the navigation filter as well as design style and column selection option..

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-portfolio-widget

Info: Please create custom portfolio posts.

FT: Service

It is the widget bundled in flash toolkit plugin which can be used to display your Services.

  • Add the FT: Service Widget to the Pagebuilder area and fills the all necessary inputs such as title, font-icon or image, text, button text an button url for the each service.
  • There is also option to choose the Service styles for display the Services.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-service-widget

FT: Blog

It is the widget bundled in flash toolkit plugin which can be used to display your latest posts or from spacific category posts in grid view.

  • Add the FT: Blog Widget to the Pagebuilder area and fills the all necessary inputs such as number of posts, choose the posts souce either from latest posts or speacific category and select category from category options.
  • There is also option to choose the Blog styles for display the Blog Posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-blog-widget

FT: Team

It is the widget bundled in flash toolkit plugin which can be used to display your Team Members.

  • Add the FT: Team Widget to the Pagebuilder area and fills the all necessary inputs such as name, image, description, designation and social profile url for the each team member.
  • There is also option to choose the Team styles for display the team memebers.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-team-widget

FT: Testimonial

It is the widget bundled in flash toolkit plugin which can be used to display thoughts of your satisfied customer.

  • Add the FT: Testimonial Widget to the Pagebuilder area and fills the all necessary inputs such as name, image, designation and description.
  • Default, one testiomonial section is given. You can add new testimonial section by clicking the add new testimonial button.
  • There is also option to display the testimonial content in slide.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-testimonial-widget

FT: CTA

It is the widget bundled in flash toolkit plugin which can be used to display Call To Action.

  • Add the FT: CTA Widget to the Pagebuilder area and fills the all necessary inputs such as title, subtitle, button and button URL.
  • There is also option to choose the CTA styles.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-cta-widget

Info: To set the background image pleae go to edit row and in design you can set the background image for this section.

Theme Bundled Widgets

As this theme is based on multipurpose bussiness theme, so, this theme have almost 5 widgets in pro version of theme which make your site awesome and differeciate from the free theme. Here, we will describe all of the widgets bundled within this theme.

Widgets Descriptions

FT: Google Map

This widget is used to display your location through google maps in your site, ie, google map with address marker.

  • Add the FT: Google Map Widget to the Pagebuilder area and fills the all necessary inputs such as latitude, longitude, text for marker and select the map type from given dropdown options for the map.
  • There is also option to select the map types.

The image for this widget is shown below which will be displayed as below in the front-end:-
gmap-widget

Info: Please follow our Tutorial and generate Google Map API key, save API key to work Google Map Widget properly through Appearance > Customize > Flash Theme Options > Advanced Settings section from the WordPress dashboard.

FT: Instagram Slider

This widget is suitable for displaying the instagram images in your site in the horizontal layout, displaying the instagram images alone with next and previous control button.

  • Add the FT: Instagram Slider Widget to the Pagebuilder area and fills the number of instagram images to display in the slider.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-slider-widget

Info: Please follow our Tutorial and generate Instagram Access Token and save it along with Instagram Username through Appearance > Customize > Flash Theme Options > Advanced Settings section from the WordPress dashboard.

FT: Post Slider

This widget is used to show your posts in slider. In this widget, select latest post or specific category for source and number of posts to display.

  • Add the FT: Post Slider Widget to the Pagebuilder area and fills the all necessary inputs such number of posts, Select source for your posts. Either Latest post or Specific Category’s Posts for the post slider.
  • There is also option to choose the number of column to display the post in slider either by 2 or 3 columns.

The image for this widget is shown below which will be displayed as below in the front-end:-
post-slider-widget

FT: Pricing Table

This widget is suitable for displaying the Pricing Plans of your site in the horizontal layout, ie, Pricing title, Price, duration, features and button.

  • Add the FT: Pricing Widget to the Pagebuilder area and fills the all necessary inputs such as pricig title, currency symbol, price, duration, features, button text with button url and banner text for the pricing plan.
  • There is also options to select the pricing displaying styles which have 4 types of styles within it.

The image for this widget is shown below which will be displayed as below in the front-end:-
pricing-table

Info: Only allow upto 5 items.

FT: Progress Bar

This widget is used for displaying the skills in progress bar, ie, skill title, achieved number and color of bar.

  • Add the FT: Progress Bar Widget to the Pagebuilder area and fills the all necessary inputs such as Progress bar title, number and bar color.
  • There is also option to choose the progress bar styles.

The image for this widget is shown below which will be displayed as below in the front-end:-
progress-bar-widget

Info: Only allow upto 5 items.

How to limit the excerpt text

Now if you want to reduce or increase the number of words that appear in services widgets or post. You can easily change that.

Steps

  1. First Go to the service widget page or post in your dashboard.
  2. Just below the page editor you will see the excerpt box
  3. If you don’t see the excerpt box. Scroll to the top and you will see the screen options on the right hand side corner.

screen-options

  1. Click it and check the Excerpt box. Now you should see the excerpt box below the editor.
  2. Fill the excerpt box with the desired amount of text that you want to show.

How to Setup Blog page?

You can choose to show blog in 4 different ways.

Steps

  1. First go to Settings->Reading->Front Page displays->A static page (select below).
  2. Now from Posts page: dropdown select any page where you like to show blog post.
  3. Click Save Changes.

Footer Setup

Footer part display the widgets used in Footer Sidebar in Appearance-> widgets

Footer Settings

    All the options related to Footer Parts are available in Appearance > Customize > Flash Theme Options > Footer Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Footer Widget Area This option allow to you to set your footer sidebar from one of the following option from the dropdown
    • 1 Footer Widgets
    • 2 Footer Widgets
    • 3 Footer Widgets
    • 4 Footer Widgets (Default)

    Go to Appearance-> widgets and drag/select the widgets on the Footer Sidebar 1 to Footer Sidebar 4.

  2. Footer Logo This option allow to you to set your footer logo in your footer widget section

Flash

Your email address will not be published. Required fields are marked *

Leave a Comment