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

    • 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 Content Display 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 Content Add 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. Header Top Background Color
    Change the required background color for the top header section as per your site requirement.
  8. Header Top Text Color
    Change the required text color for the top header section as per your site requirement.
  9. 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 .
  10. 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 and Menu PositionDefault header Logo position is Left Logo & Right Menu. To change the header position, select one of the following option from the dropdown.
    • Left Logo and Right Menu  ( Default )
    • Right Menu and Left Logo
    • Center Logo and Below Menu
    • Split Menu
    • Left Logo and Below Menu
    • Centered Logo and Menu on Sides
    • Centered Logo and Menu Above
  2. Remove Header Search Box This option allow to show/hide the search icon near main menu.
  3. Sticky HeaderIt allow to make header section as sticky when user scrolls down the page content.
  4. Header Text Beside Logo It allow you to add the required text beside the header logo area.
  5. Header Background Color It allow you to add the required background color for the header area.
  6. Header Text Color It allow you to add the required text color for the header area.

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 featute allows you to set the displying size of page header section of innerpage by selecting the option from dropdown menu.
    Page Header Size
  4. Page Header Background Color This feature allows you to set the background color in your page header section of the innerpage as your site requirement.
  5. Page Header Text Color This feature allows you to set the text color in your page header section of the innerpage as your site requirement.

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

Footer Settings

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

  1. Footer Area This option lets you choose to display the footer socket as well as the sidebar areas according to your requirement.
    • Both Socket and Widgets
    • Only Widgets (No Socket)
    • Only Socket (No Widgets)
    • Hide Socket and Widgets
  2. Footer Widget Area This option lets you choose to display the number of required sidebar area in the footer area in your site.
    • 1 Footer Widgets
    • 2 Footer Widgets
    • 3 Footer Widgets
    • 4 Footer Widgets
  3. Footer Logo This option lets you add the logo in the footer of your site.
  4. 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.
  5. Background Image This option lets you add the background image in the footer sidebar area in your site.
  6. Background Color This option lets you add the background color in the footer sidebar area in your site.
  7. Footer Text Color This option lets you assign the required text color for the widgets added in the footer sidebar area in your site.
  8. Heading Color This option lets you assign the required title color of the widgets added in the footer sidebar area in your site.

WooCommerce Settings

    To set WooCommerce pages settings for your site, go toAppearance > Customize > Flash Theme Options > WooCommerce Settings section from the WordPress dashboard.

    • Products Per Page This feature lets you to choose the required number of products to be shown on shop and archive pages.
    • Products Per Row This feature lets you to choose the number of products in a row for shop and archive pages.
    • Related Products Number This feature lets you to choose the number of related products shown in single product page.
    • Related Products Per Row This feature lets you to choose the number of products in a row for related products shown in single product page.
    • Upsell Products Number This feature lets you to choose the number of related products shown in single product page.
    • Upsell Products Number This feature lets you to choose the number of products in a row for upsell products shown in single product page.

Google Font Settings

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

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

    • Widget Heading Typography
    • This option allows you to set the widgets Heading Typography in SiteOrigin Panels as well as widgets area in your site.
      Body Typography

    • H1 Typography
    • This option allows you to set the H1 Typography setting as required for your site.

    • H2 Typography
    • This option allows you to set the H2 Typography setting as required for your site.

    • H3 Typography
    • This option allows you to set the H3 Typography setting as required for your site.

    • H4 Typography
    • This option allows you to set the H4 Typography setting as required for your site.

    • H5 Typography
    • This option allows you to set the H5 Typography setting as required for your site.

    • H6 Typography
    • This option allows you to set the H6 Typography setting as required for your site.

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 Instagram Username here.

    • Instagram Access Token
    • Enter your Instagram Access Token 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

The pro version of this theme has added option as below:

  • Check to enable slider text background.
  • It helps to add the background in the slider texts.

  • Check to enable scroll down button. Note: It will be scroll to the nearest row.
  • It helps to add the scroll to button in slider, which will get scrolled to the nearest row.

The screenshot for this is as below:

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

Media Type
This option lets you choose between the image or the iframe code to view the YouTube or Vimeo and such video in your site.

Widget Style
This option lets you choose for the required layout for this widget for your site, which are as:

  • Style 1
  • Style 2

The associate image while including the YouTube Video iframe code, you will see the similar output as this one too in your site:

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

There are many layout options in the pro version for this with within this widget. They are as listed below:

  • Style 1
  • The image associated with this style is below:

  • Style 2
  • The image associated with this style is below:

  • Style 3
  • The image associated with this style is below:

  • Style 4
  • The image associated with this style is below:

  • Style 5
  • The image associated with this style is below:

  • Style 6
  • The image associated with this style is below:

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

In the pro version of this, you have various options added in this widget, which are as listed below:-

  • FontAwesome Icon
  • Choose the required fontawesome icons for displaying it just below the heading.

  • Align
  • Manage the alignment of the heading for this widget. The option included in it are as:

    1. Center
    2. Choose it to align the heading of this widget to center

    3. Left
    4. Choose it to align the heading of this widget to left

    5. Right
    6. Choose it to align the heading of this widget to right

  • Check the box to remove divider between heading and sub heading.
  • Helps to remove the divider between the heading and its subheading added for this widget.

The associated image below displays the option added in pro version of the theme when it is used:

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

The pro version of this theme has the option of adding the link in those logos to redirect it to the required link.

Info: Only allow upto 5 items.
Info: Pro version of this theme allows you to add more than 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

The widget style available for this widget are as below:

  • Style 1
  • The design associated with this style on 3 column layout is as below:

  • Style 2
  • The design associated with this style on 3 column layout is as below:

  • Style 3
  • The design associated with this style on 3 column layout is as below:

  • Style 4
  • The design associated with this style on 3 column layout is as below:

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

In the pro version of this theme, you have the option of choosing the widget style for this widget upto five style, which are as listed below:

  • Style 1
  • The layout for this style is shown as above.

  • Style 2
  • The layout for this is as below:

  • Style 3
  • The layout for this is as below:

  • Style 4
  • The layout for this is as below:

  • Style 5
  • The layout for this is as below:

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

In the pro version of this theme, you have the option of choosing more of the different widget style for this widget, which are as below:-

  • Style 1
  • The respective image associated with this layout is as below:

  • Style 2
  • The respective image associated with this layout is as below:

  • Style 3
  • The respective image associated with this layout is as below:

  • Style 4
  • The respective image associated with this layout is as below:

  • Style 5
  • The respective image associated with this layout is as below:

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

In the pro version of this theme, you have the option of choosing the widget style for this widget upto five different layout, which are as listed below:

  • Style 1
  • The output of this style in this widget is as the below image:

  • Style 2
  • The output of this style in this widget is as the below image:

  • Style 3
  • The output of this style in this widget is as the below image:

  • Style 4
  • The output of this style in this widget is as the below image:

  • Style 5
  • The output of this style in this widget is as the below image:

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

The pro version of this theme offers you to choose different widgets styles and well as columns to represent it uniquely in your site.
The options available in the widget style for this widget in this theme are as:

  • Style 1
  • The output associated with this style is as below:

  • Style 2
  • The output associated with this style is as below:

  • Style 3
  • The output associated with this style is as below:

  • Style 4
  • The output associated with this style is as below:

Also, the options available for the widget column in this theme are as:

  • 1 Column
  • 2 Column

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

This widget has the option of choosing the style on it, which are listed as below:

  • Style 1
  • The image associated with this layout is as below:

  • Style 2
  • The image associated with this layout is as below:

The available option for this widget in the pro version of this theme is the addition of the Align option for alignment of the CTA buttons added in this widget. The options available are:

  • Center
  • Left
  • Right
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:-

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

The styling available in this widget are as follows:-

  • Style 1
  • The associated image below is the output of this style when chosen this layout in this widget:

  • Style 2
  • The associated image below is the output of this style when chosen this layout in this widget:

  • Style 3
  • The associated image below is the output of this style when chosen this layout in this widget:

  • Style 4
  • The associated image below is the output of this style when chosen this layout in this widget:

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.

Recommended Images

Since this theme heavily relies on the featured images of the post to be displayed the content of your site uniquely as it is best suited for the news/magazine site. So, we have created different recommended image size for this theme.Recommended image size (width*height) used in Spacious theme in px.

Recommended Image Size

  1. Recommended image size for FT:Slider – 1920*700
  2. Recommended image size for FT:Portfolio – 800*800
  3. Recommended image size for FT:Team – 370*320
  4. Recommended image size for FT:Testimonial – 80*80
  5. Recommended image size for FT:About – 600*320
  6. Recommended image size for FT:Service – 380*255
  7. Image will be cropped for Square blog layout in- 300*300
  8. Image will be cropped for Big blog layout in – 800*400
  9. Image will be cropped for Grid blog layout in – 370*270
Flash