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. Click on the Upload link
  4. Select the flash.zip file
  5. Click on Install Now button

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.

    • Tranparent Logo
    • This option enables you to upload the header tranparent logo in your site, replacing your main Logo with Transparent Logo when your header section is transparent.

    • 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.

    • Color Scheme
    • This option allow you to set the Color Scheme of 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.

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 enables/disable preloader animation shown while opening the site.

    • Disable Back to Top Button
    • This option allow you to enables/disable the back to top button.

  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>
    
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 Check the box to remove search icon near menu.
  3. Remove Header Cart IconCheck the box to remove woocommerce cart icon near menu.
    Info: This option only display if WooCommerce plugin is activated.
  4. Sticky HeaderCheck the box to make the header section sticky when user scrolls down.
  5. Transparent HeaderCheck the box to make the header section transparent.

Page Header Settings

    All the options related to inner Page 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. Enable Pageheader
  2. Remove breadcrumbs title from page header
  3. Remove breadcrumbs from page header

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 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

Info: need to install Page Builder by SiteOrigin plugins.

Flas Toolkit

Flas 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. The screenshot on this widget is shown below for more clearer understanding:

  • 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.

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

FT: About

It is the widget bundled in flash toolkit plugin which can be used as the about section in theme, ie, title, content and button. The screenshot on this widget is shown below for more clearer understanding:

  • Add the FT: About Widget to the Pagebuilder area and fills the all necessary inputs such as title, text, 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. The screenshot on this widget is shown below for more clearer understanding:

  • 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.

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

FT: Heading

It is the widget bundled in flash toolkit plugin which can be used to disply Heading text and Sub Heading text. The screenshot on this widget is shown below for more clearer understanding:

  • 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:-
featured-post-slider

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. The screenshot on this widget is shown below for more clearer understanding:

  • Add the FT: Logo Widget to the Pagebuilder area and enter the logo title and imge url.
  • 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:-
featured-post-slider

FT: Service

It is the widget bundled in flash toolkit plugin which can be used to display your Services. The screenshot on this widget is shown below for more clearer understanding:

  • Add the FT: Service Widget to the Pagebuilder area and fills the all necessary inputs such as title, font-icon, text, button text an button url for the each service.

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

FT: Team

It is the widget bundled in flash toolkit plugin which can be used to display your Team Members. The screenshot on this widget is shown below for more clearer understanding:

  • Add the FT: Team Widget to the Pagebuilder area and fills the all necessary inputs such as name, image url, description, designation and social profile url for the each team member.

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

FT: Testimonial

It is the widget bundled in flash toolkit plugin which can be used to display thoughts of your satisfied customer. The screenshot on this widget is shown below for more clearer understanding:

  • 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.

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

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, Copyright text and Footer Menu

Setting up Footer Section

  • Go to Appearance-> widgets and drag/select the widgets on the Footer Sidebar 1 to Footer Sidebar 4.
Footer Copyright Text is static and options to edit this text will only available in Pro version of this theme.
  • To display the footer menu, create a menu and assign it to Footer. Please refer Menu Setup section to know how to create a menu

Flash

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

Leave a Comment