Thank you for purchasing the Thunder WordPress theme by WPExplorer.com

Thunder WordPress Theme Documentation

Getting your website setup has never been this easy!


Installing WordPress

WordPress is famous for its 5-minute installation. Many web hosts install WordPress automatically, but if you’d like to install it yourself or just learn more about WordPress installation use the links below.

 

Support Notice

We do not provide support related to installing WordPress or maintaining your WordPress installation. Please contact your web host if you have any questions regarding these issues.

Theme Installation

To install the theme you will need to download your purchase from Themeforest. Login to your Envato account, navigate to your downloads and find the theme. Click on the download link.


Download The theme

  • Select the “All Files & Download” option to download the theme file and the sample data (the main theme file zip will be located inside the Upload folder)
  • Select the “Installable WordPress File Only” if you just want the theme

Installing Via WordPress

  • Login to WordPress Browse to Appearance > Themes
  • Click Add New
  • Click the Upload link
  • Click Browse
  • Select the zipped theme file to upload (the zip file is in the Upload folder if you chose to download all files) and click Install. The file you are looking for should start with the prefix wpex- (example wpex-thunder)
  • Now Activate the theme

Installing Via FTP

  • Login to your site via FTP
  • Browse to your folder located at wp-content/themes
  • Upload the main theme folder (the folder is located in the Upload folder if you chose to download all files)
  • Login to WordPress
  • Browse to Appearance > Themes
  • Find and activate the theme

 

Important Note

After installing and activating the theme, go to Settings > Permalinks and click "Save." This is to prevent any 404 errors on custom post type pages.

Installing Premium Plugins

After installing the theme you should be prompted to install and activate the included premium plugins. A yellow Recommended Plugins notice should be visible at the top of your screen. Installation and activation is optional but recommended since each plugin adds an additional layer of functionality to the theme.



If you have accidentally dismissed the plugin installation notice, you can install the plugins manually using the plugin zip files found in the Plugins folder within the main theme download folder.

Important: The Visual Composer plugin is built-into the theme so you don't have to worry about installing it!

Importing Sample Data

This theme includes a .xml file that will allow you to import the sample data to your site. This file includes most of the demo site data, which includes main theme functions to make it easier for you to see how the theme works.

  • Login to your Envato account
  • Navigate to your downloads
  • Click on the theme download link
  • Select the "All Files & Download" option
  • Open the zip file, the .xml file is in the Sample Data Folder
  • Login to WordPress
  • Double check that all recommended plugins have been installed and activated (if not, the sample data related to those plugins will not be imported)
  • Browse to Tools > Import


  • Click on the WordPress option (you will have to have the "WordPress Importer" plugin installed, you will be prompted if it's not already installed and active)
  • Click Browse and select the sample data .xml file
  • Click Upload files and import
  • Assign the posts to an existing user
  • Check the box to download and import file attachments
  • Click Submit
  • Give the import some time and do not navigate away from the page until the upload is complete
  • Go to Settings > Reading, set your from page to a Static Page, select Home from the drop down, and save
  • Go to Appearance > Menus, click on the Manage Location tab, assign the main menu, and save
  • If you'd like to change any of the widget, go to Appearance > Widgets and drag and drop widgets into the active widgetized areas
  • You should now have site content similar to the live demo for this theme!

Updating Your Theme

This theme is periodically updated with newer versions. It is recommended that you always use the most surest version of the theme to ensure your installation is bug-free and includes all of the theme's latest and greatest features. In some cases, updates may also ensure that the theme is compatible with the lasted version of WordPress. Updates will not change any of your settings, menus or pages. However, if you have made any changes to the theme code yourself they will be lost.

Just like there are two ways to install the WordPress theme, there are two ways to update it. In both cases, first login to your Envato account and download the newest "Installable WordPress File Only" for the theme.


Updating Via WordPress

  • Login to WordPress
  • Install the Theme Upgrades Tool
  • Navigate to Appearance > Plugins > Add New
  • Search plugins for "Easy Theme and Plugin Upgrades" (you can also find the plugin here)
  • Find the plugin in the list (should be the first result), click "Install Now"
  • Once installed, activate the plugin
  • Browse to Appearance > Themes
  • Click Add New
  • Click the Upload link
  • Click Browse
  • Select the updated zipped theme file to upload
  • Select "Yes" for the Upgrade Existing Theme option
  • Click Install Now
  • Activate the theme

Updating Via WordPress

  • Login to your site via FTP
  • Browse to your folder located at wp-content/themes
  • Upload the updated main theme folder (unzip the updated installable file you downloaded form Themeforest)
  • You will see a warning that this directory already exists, select replace all
  • Login to WordPress
  • Browse to Appearance > Themes
  • Find and activate the theme

Theme Options

This theme includes a Theme Options Panel, based on the Slightly Modded Options Framework by AquaGraphite, to give you options for many of the features within the theme. Below are brief descriptions and explanations of each section. For more information about each Theme Options tab, we recommend you login to your WordPress Dashboard and view the Theme Options yourself.

You can also view screenshots of each of the Theme Options tabs on our demo site.

If you make any changes to your settings make sure to click the "Save All Changes" button or else they will be lost. You can also click the "Options Reset" button at any time to restore all theme settings to their defaults.


General

This is where you can upload your custom logo. There are two logo options.
1. You can upload your custom logo and a retina (x2) version of your logo directly
2. You can opt to use the built-in Text Logo Icon option (just select a FontAwesome Icon from the drop down menu).


Layout

This tab provides options for your main website layout. Choose from full-width or boxed, in addition to being able to customize the main container/sidebar sizing.

If you would like a stationary header, just toggle the Sticky Header option to disabled.


Styles & Colors

Use this tab if you want to change the main skin or color scheme for your theme. There are also many elements listed with color pickers so you can individually choose any color for various features throughout the theme.


Typography

Over 500 Google Fonts have been built into the theme. You can change the fonts for most text areas using the drop downs on this tab.

Another useful feature is the Body Font Size toggle. By changing the main body font size all of the other text elements in the theme will adjust accordingly due to the use of em values (for example: if you double the size of the body font from 16px to 32px, all other text elements in the theme will also double in size accordingly).


Social

Use this tab to add the social icons to your footer. Just add your social profile urls to each respective toggle. You can also add custom social icons using the "Add New Social Icon" button.

Drag and drop the toggle boxes into the order you want.

You can also customize the icons used for your social links by uploading your own social icons. The icons included are 14px by 14px for reference.


Home

Customize your homepage layout using the drag and drop Homepage Layout Manager. This tab also includes options for most of the homepage modules as well as options for custom modules (perfect for adding in shortcodes for any other plugins you might have installed for added features).


Services

Change your Custom Post Type name, slugs, and archive page subtitle using the fields on this page.


Portfolio

Change your Custom Post Type name, slugs, and archive page subtitle using the fields on this page.

Add Infinite Scroll or Standard Pagination to your portfolio archive page using the pagination style drop-down.

You can also disable the portfolio entry overlays from this tab.


Staff

Change your Custom Post Type name, slugs, and archive page subtitle using the fields on this page.

Add Infinite Scroll or Standard Pagination to your staff archive page using the pagination style drop-down.

You can enable related posts for your staff posts from here. You also have the option to disable the links to staff posts so your staff archive page functions as a stand alone staff directory.


Testimonials

Change your Custom Post Type name, slugs, and archive page subtitle using the fields on this page.

Add Infinite Scroll or Standard Pagination to your testimonials archive page using the pagination style drop-down.


FAQ

Change your Custom Post Type name, slugs, and archive page subtitle using the fields on this page.

Choose your FAQ page layout: enable the index scroll that includes a right hand index linking to each FAQ item with a back to top button, or disable the index scroll for a full-width FAQ page.


Clients

Change your Custom Post Type name and the number of columns on the client archive page.


Blog

On this tab your can change the blog title displayed at the top of simple blog posts (to change the main blog page title, rename your blog page when you create it in "Pages").

Add Infinite Scroll or Standard Pagination to your blog archive page using the pagination style drop-down.

This tab is also where you can make change to your blog posts. Choose a general posts layout (note: this is overridden if you select a specific page layout on a post). You can also show or hide post elements such as author bio, social sharing, tags and related posts.


Footer

Use this tab to disable your footer or to change the number of widgetized columns.

This is also where you would add your copyright text.


Image Sizes

Use this tab to customize the images displayed for posts and post entries. This is useful for manipulating images so they are square, portrait or landscape to create a more unique website.


Tracking

Paste your Google Analytics code here.


Optimize

This tab includes options for Homepage Query Caching to speed up your homepage load time, an option to clean up your header code, an option to disable retina support to save server space, and an option to disable JetPack's devicepx script if not in use.


Custom CSS

Use this tab to add custom CSS to the theme.

If you plan on making a large number of changes to the CSS, we strongly recommend you use a Child Theme. This is the safest and easiest way to make significant customization to a theme and to protect your work from being overridden when theme updates are release.


Other

This theme includes customizations to the built-in WordPress Gallery. If you would like to remover our change, disable the Custom WordPress Gallery Output option.

This theme includes a featured image preview column in the dashboard for the standard Posts. If you would rather not see the image thumbnails, just disable the Admin Image ColumnFOr Standard Posts.

This tab also includes a field to add a custom label to the Features Custom Post Type.


Backup

Use this tab to backup your Theme Options settings or import a backup that you've already made.

Using The Homepage Template

This theme uses a home template with drag & drop sections to create a homepage like you see in the demo.

  • First navigate to Pages > Add New
  • Name your homepage (home, homepage, etc.)
  • If you want to add additional content to your homepage you can add it to the main text area (this content will be used for the "Page Content" section of your homepage)
  • Select the "Home" template from the Page Attributes drop down menu
  • To add a homepage slider paste a slider shortcode into the “Page Settings” box

  • Publish your page.
  • Go to Settings > Reading
  • Set your front page to "A Static Page"

  • Select the page you just created from the drop down menu
  • Save your settings

Important Note

Alternatively, you can choose not to use the home template and build your own homepage using the included Symple Shortcodes Premium, or by using the Visual Editor (described below). Or you could choose to leave your recent posts as your homepage. The next step (Homepage Options & Sections) only applies if you choose to use the home template for your homepage.

Homepage Options & Sections

If you are using the included homepage template, there are addditional options available in the Theme Options Panel.

  • Navigate to Appearance > Theme Options
  • Click on the Home tab
  • From here you can drag and drop sections to create your homepage layout, set your options for each section, and even add custom modules (great for adding shortcodes for any other plugins you might have installed)
  • Save your options

Homepage Template CheatSheet

Using The Visual Composer Homepage Builder

Visual Composer is a premium plugin included with the theme and recommended when you install Thunder. This plugin allows you to build pages using drag and drop content blocks to create virtually any page layout you want without having to learn any code. This makes it very easy to build one of a kind pages in no time at all.

You can use the Visual Composer to build your own homepage.

  • First navigate to Pages > Add New
  • Name your homepage (home, homepage, etc.)
  • Select the "Default" template from the Page Attributes drop down menu on the right side of the screen
  • Just below that under General Settings, select the sidebar layout you want to use on your homepage (Full-Width/No-Sidebar, Left Sidebar, or Right Sidebar)
  • Check the box if you would like to hide the page title (when building a homepage, you might want to hide the page title)
  • To add a homepage slider at the top of the page, paste a slider shortcode into the “Page Settings” box.
  • Click on the blue button for the Visual Composer.

  • Use the Visual Editor elements to build your homepage (see the Visual Editor section under Plugins in the documentation to learn more about using the Visual Editor).

  • Publish your page.
  • Go to Settings > Reading
  • Set your front page to "A Static Page"
  • Select the page you just created from the drop down menu
  • Save your settings

Important Note

Alternatively, you can choose to follow the instructions in the steps above to use the home template. You cannot combine the two. If you choose create a homepage using the Visual Editor you cannot make changes using the options in the Theme Options Panel.

Page Templates

This theme includes page templates that have each been styled and coded for different purposes. Use the page templates when creating new pages for your website.

You can also use the "General Settings" for most pages to disable the title and change the layout (default, left-sidebar, right-sidebar, or full/no-sidebar).



Default

Basic page that you can use to create just about anything (About Us, Pricing, Contact, Product Launch, etc.)


Archives

Select this template when creating a blog archive page, which displays links to all of your blog posts according to category.


Blog

Use this page to create your main blog page. Name the page whatever you'd like to use as the Title for your blog (Blog, News, Thoughts, Notes, etc.).


Full-Width

This is a 100% full width page with no margin. To add text or content that doesn't touch each side of the screen, use the Centered Container shortcode on this page.


Home

This page template is for your homepage. You cannot change the layout using the "General Settings." Homepage customizations can be made using the Home options in the Theme Options Panel.


Login

Use this template to create a matching login page for those who contribute to your site (authors, contributors, your web developer, etc.). This way the login page matches the rest of the theme.


Portfolio: Isotope Filter & Opacity Filter

The main portfolio page with a filter is created automatically - just add /portfolio to the end of your website url to view it (or if you customized your portfolio slug, add the new slug to the end of your url).

Use the portfolio templates to create a portfolio page with a different filter style.

Adding Sliders To Pages

It's easy to add a slider to the top of any page. When creating a page, below the main content area you will see a Page Settings section. Just paste in your slider shortcode and save or update your page.



Find The Slider Shortcode

The slider shortcode for the LayerSlider or Revolution Slider can be found by clicking on the slider plugin's name in your WordPress dashboard. The shortcode is displayed in the list of sliders you have created with that plugin.

Blog Setup

This theme uses a blog template to create the page seen in the demo.

  • First navigate to Pages > Add New
  • Name your blog (Blog, Notes, Thoughts, etc.)
  • If you want to add a subtitle to your main blog page add it to the Excerpt section
  • Select the "Blog" template from the Page Attributes drop down menu
  • Publish your page
  • To choose additional options for your blog visit the Blog tab in the Theme Options panel

Blog Usage

You can make changes to your blog options under the "Blog" tab in the Theme Options Panel. To add blog posts, use the instructions below.

  • Browse to Posts > Add New
  • There are 5 post formats to choose from that support different forms of media. When you select a post format additional settings may be available.
    • Standard
    • Video: paste your video url in the "oEmbed URL" box or upload your own video file using the "Self Hosted" upload file option
    • Audio: paste your audio url in the "oEmbed URL" box or upload your own audio file using the "Self Hosted" upload file option
    • Gallery: use the image gallery settings to add and edit images to be displayed as an image slider. Click the "Add/Edit Images" button and select images from your gallery to insert. To remove an image from your gallery just click the red x. Check the box to enable the popup lightbox feature for your gallery.
    • Link: paste your link url in the "Post URL" box to link a post to an external link.
  • Use the General Settings to select a specific page layout for your post (if you select a layout here it will override the general post layout selected in the Theme Options Panel) or check the box to disable the post title on the post page
  • Publish your post

Using Widgets

This theme includes a widgetized sidebar and footer.



To select a widget, just drag and drop the widget from the "Available Widgets" area to the Sidebar area/order you want it in. If there are any widgets you have saved settings for that you don't want to use right now but might want to in the future you can drop them in the "Inactive Widgets" section for later use.

Custom Menus Widget

To add a menu to your sidebar use the Custom Menu Widget.

  • First create a new menu
  • Go to Appearance > Menus
  • Clicking the "add menu menu" link
  • Name your menu, add your menu items and save
  • Go to Appearance > Widgets
  • Drag the Custom Menu Widget into a widgetized area and select your new custom menu from the drop-down

WooSidebars Custom Sidebars

This theme supports the WooSidebars free plugin. This is a quick and easy way to add unlimited sliders to your website, and its what we used in the demo to add custom sidebar menus to our Features and Shortcodes pages.

  • Login to WordPress
  • Navigate to Appearance > Plugins > Add New
  • Search plugins for "WooSidebars" (you can also find the plugin here)
  • Find the plugin in the list (it should be the first result) and click "Install Now"
  • Once installed, activate the plugin
  • Navigate to Appearance > Widget Areas
  • Click "Add New"
  • Add a name for your new sidebar
  • Select which widget area it will replace
  • Set the conditions for your sidebar: select individual pages, specific page templates, post types, taxonomies, etc.


  • Save your sidebar
  • Navigate to Appearance > Widgets
  • Your new sidebar should appear as a new widget area
  • Add your widgets

For any questions regarding WooSidebars, please reference their support documentation.

Support Notice

Note: While this theme supports WooSidebars we do not provide support related to the plugin or maintaining it.

Custom Post Types

This theme utilizes custom post types which are all added to your WordPress dashboard menu after installing the theme. It makes it easy to keep website sections (like your portfolio, services, etc.) organized, and they're just as easy to use as the blog.

Below are some tips for adding posts to each post type. Make sure to publish your post after you create it so it will show up on your live site. Otherwise it will be saved as a draft.

Post Type Archives

By default every post type has an automatic archive that displays it's posts and is located at your-site.com/post-type-name. So for example by default you can find all your services at your-site.com/services and your portfolio items at your-site.com/portfolio

Custom Post Type Pages - Disabling auto archives

If you want your main post type pages to be located elsewhere you can go into the theme panel and under the tab for that post type you can disable the auto archives, then you can create a new page and select a custom template for that post type archive.

IMPORTANT - Regarding Disabling Auto Archives

When you disable auto archives for any post type you MUST re-save your permalinks otherwise it will keep trying to load that custom post type archive. You MUST also make sure that the "slug" for your custom post type does NOT match the slug of the slug for the custom page you create to display the post type items, otherwise pagination will not work. For example if you want to create a page for your staff located at site.com/staff/ then your custom slug for this post type can not be "staff" it must be something else, such as "staff-member".

Services

  • Browse to Services > Add New
  • There are 3 post formats to choose from that support different media. When you select a post format additional settings may be available.
    • Standard
    • Video: paste your video url in the "oEmbed URL" box
    • Gallery: use the image gallery settings to add and edit images to be displayed as an image slider. Click the "Add/Edit Images" button and select images from your gallery to insert. To remove an image from your gallery just click the red x. Check the box to enable the popup lightbox feature for your gallery.


  • Use the Post settings and select a FontAwesome icon for your service post's "Tab Icon" using the drop down menu (which is displayed on the main services archive page)

Portfolio

  • Browse to Portfoio > Add New
  • There are 5 post formats to choose from that support different media. When you select a post format additional settings may be available.
    • Standard
    • Video: paste your video url in the "oEmbed URL" box
    • Gallery: use the image gallery settings to add and edit images to be displayed as an image slider. Click the "Add/Edit Images" button and select images from your gallery to insert. To remove an image from your gallery just click the red x. Check the box to enable the popup lightbox feature for your gallery.
    • Audio: paste your audio url in the "oEmbed URL" box or upload your own audio file using the "Self Hosted" upload file option
    • Link: paste your link url in the "Post URL" box to link a post to an external link


  • Use the Post settings and select a FontAwesome icon for your service post's "Tab Icon" using the drop down menu (which is displayed on the main services archive page)

Staff

  • Browse to Staff > Add New
  • Enter your staff member's name as the post Title
  • Use the main text area to add a long staff description to be displayed on the staff single post page (or don't add anything at all to this section if you choose to disable the "Link Staff Entries To Staff Posts" option in the Theme Options Panel staff tab)
  • Use the excerpt to add a brief staff member description that will appear on the main staff archive page as well as in any staff related Recent Posts shortcode


  • Use the Post settings to add in the staff member's Position Title and select a background color for their title
  • Use the General Settings to select a specific page layout for your post (if you select a layout here it will override the general post layout selected in the Theme Options Panel) or check the box to disable the post title on the post page
  • Click on "Set featured image" to add a picture of your staff member
  • Publish your post

Testimonials

  • Browse to Testimonials > Add New
  • Add a testimonial review title
  • Add the testimonial to the main content area
  • Add the testimonial author's name to the "Author" box


  • Click on "Set featured image" to add a picture of the testimonial author
  • Publish your post

FAQ

  • Browse to FAQ > Add New
  • Add the question as the post title
  • Add your answer in the main content area

  • Publish your post

Features

  • Use this post type to add your homepage features
  • Browse to Features > Add New
  • Use the post settings to select a FontAwesome icon and icon color
  • You can also add a url (to link the feature to a post, page or external site) an set the link to open in the same browser tab or to open a new one


  • Publish your post

Clients

  • Browse to Clients > Add New
  • Add the client's name to the title
  • Add your client's url to the "Post URL" box
  • Check the box to redirect the post to the "Post URL" if you want the client post entry to link directly to the the client site (in this case there is no need to add anything to the main content area)

  • Click on "Set featured image" to add your client's logo
  • Publish your post

Visual Composer

The premium Visual Editor: Drag & Drop Page Builder Plugin for WordPress has been integrated into this theme so you can use it build your own page layouts. This plugin makes creating pages from scratch very easy and doesn't require any code knowledge.

Important: Since version 1.3, the visual composer is built-into the theme so you don't have to install the plugin.

Getting Started

  • First navigate to Pages > Add New
  • Name your page
  • Select the "Default" template from the Page Attributes drop down menu on the right side of the screen
  • Just below that under General Settings, select the sidebar layout you want to use on your page (Full-Width/No-Sidebar, Left Sidebar, or Right Sidebar)
  • Check the box if you would like to hide the page title
  • To add a slider at the top of the page, paste a slider shortcode into the “Page Settings” box
  • Click on the blue button for the Visual Composer

Building Pages

  • Use the Visual Editor elements to build your homepage
  • You will now see a Visual Composer section to build your page

  • Add Rows and Elements to build your page
    • First add a row to get started
    • Use the yellow tab to split your row into columns

    • Use the pages icon in the right upper corner of your row to duplicate it and its contents, and the x icon to delete the entire row and its contents
    • Add elements to your row(s) by clicking on the + sign within the row (alternatively, you can click on the "Add Element" button, which will insert the selected element in a new row)
    • We have integrated Symple Shortcodes into the Visual Editor to provide you with more than 60 page element options


    • You can use the filters to sort the page elements to make it easier to find what you're looking for
    • Click on an element to select it
    • Depending on the element you choose you will have different options available - select your settings, and save the element
    • You can add additional elements to a row
      • Use the + sign at the top of the row to add new elements above your current row content, or the + sign at the bottom of the row to add new elements below your current content
      • You can click and drag elements to reorder your content - you can even drag and drop elements between rows

    • Hover on an element and use the icons in its top right corner: click on the Pencil icon to edit the element, click on the Pages icon to duplicate the element, and click on the red X icon to delete the element

  • Continue adding rows and elements until you've finished creating your page


  • Publish your page

You can always switch from the Visual Editor back to the Classic Editor by clicking on the blue Classic Editor button.



Important Notice

In some instances you can convert pages you've already created from the classic editor to the Visual Editor simply by opening the page and clicking on the Visual Editor button. If there are any conflicts or unsupported content the Visual Editor will give you an update warning.



In this case we recommend starting a new page from scratch, or saving a copy of the Text version of your page (click on the "Text" tab in the classic editor to copy the page text with code) if you you decided to update the page.

Saving & Using Templates

When you create a page using the Visual Composer you have the option to save your page as a template.

  • To save the page you built in Visual Composer as a template click on the Templates button


  • Click "Save Current Page As Template" and give the template a name


  • You have now create a new Visual Editor Page Template!
  • To use your template, create a new page
  • Click to enter the Visual Editor
  • Click on the Templates button and select a template from the drop-down
  • Your page will automatically be populated with the content from the selected template

Adding Backgrounds to areas in your editor.

In version 1.3 we added the ability to give your Visual Composer rows a custom background color and even custom background image. So creating cool background areas is very simple. All you have to do is click the edit button on the row (pencil) and it will pop up a window so you can give your row a custom background.

Full-Width Background sections: To create a full-width background area you will have to select the "Full Width" template on your page. This will make all the content full-width, then simply check the box on your row editor that reads "Center Row" to center the content inside that row on your page.

Notes About Visual Composer

To see the Visual Composer page building process as a video, have a look at the video demo WP Bakery put together. We have also included WP Bakery's documentation for the Visual Composer in the documentation folder under Visual Composer, or you can access their online knowledgebase.

We will do our best to update the theme when new versions of the plugin are released. If you would like to do your own updates or receive support for this plugin form the plugin author, you will have to purchase your own license from Codecanyon.

Symple Shortcodes Premium

Symple Shortcodes Premium gives you the ability to create feature-rich pages and post.

To use Symple Shortcodes create a new page or post and click the black "S" icon in the text editor. From here you can add lots of features such as columns, buttons, accordions, callouts, icons, post grids, carousels, FlexSliders, and more.



Symple Shortcodes are also available within the Visual Editor. You can use them just as you would any of the other drag and drop blocks.

Shortcode Tips

When using Columns remember to use the class "first" for the first columns and "last" for the last column.

To create a page with parallax or colored blocks use a full-width page template with the general settings also set to full-width. Use the Background Area shortcode to add a full-width color, fixed image, or parallax image. Use the Centered Container to hold any content (such as text or other shortcodes) you want to add to the page.

Can't See The "S" Icon?

If you have the Visual Composer plugin active the shortcode button is hidden for a couple reasons:

  1. To prevent people from trying to use it in the visual composer which won't work.
  2. Because I've added all the shortcodes to the visual composer, so it's not necessary to have the extra code loaded in the backend.

If you are using the visual composer you'll find all the shortcodes in there, if not, you can disable it and the Shortcodes editor button will display.

Version 1.3+ - If you are using version 1.3+ the icon will now display because the Visual Composer plugin is now built-in

LayerSlider

The premium Layer Slider Plugin for WordPress has been integrated into this theme so you can use it on the homepage, at the top of pages, or within the content of posts and pages.

The theme will recommend that you install Layer Slider. Just click to install and active the plugin. Below are basic dimensions and options to use when building your sliders. For more detailed instructions reference the Documentation link in the Layer Slider Menu.

Full Width Slider: Global Basic Settings

Slider Width: 100%
Slider Height: your choice
Responsive: enabled
Full-Width Slider: enabled
Responsive Under: 980
Layers Container: 1020

Boxed Slider: Global Basic Settings

Slider Width: 980
Slider Height: your choice
Responsive: enabled
Full-Width Slider: disabled
Responsive Under: 980
Layers Container: (blank)

A shortcode is generated for each slider you create that should look something like: [layerslider id="1"]



Insert the shortcode into any post or page where you want to use your slider. To add a slider to the homepage navigate to Pages and open the page page your created using the "Home" template. In the page Settings there is a box to paste in your Full-Width Slider Shortcode.

Important Note

If you activate both Layer Slider and Revolution Slider you will have to enable the "Put JS includes to body" option for the Layer Slider. This option can be selected when creating a slider under the Global Options > Troubleshooting section.

We will do our best to update the theme when new versions of the plugin are released. If you would like to do your own updates or receive support for this plugin form the plugin author, you will have to purchase your own license from Codecanyon.

Slider Revolution

The premium Revolution Slider plugin for WordPress has been built into the theme to make it easy for your to create awesome slides for your site.

The theme will recommend that you install Slider Revolution. Just click to install and active the plugin. Below are basic dimensions and options to use when building your sliders. If you need help creating sliders with the plugin, there are free export files available to create demo sliders. You can also click on the help button on the Revolution Slider menu (or click here) to view the plugin documentation.

Main Slider Settings

Slider Layout: Auto Responsive
Grid Width: 980
Grid Height: your choice

A shortcode is generated for each slider you create that should look something like: [rev_slider test]



Insert the shortcode into any post or page where you want to use your slider. To add a slider to the homepage navigate to Pages and open the page page your created using the "Home" template. In the page Settings there is a box to paste in your Full-Width Slider Shortcode.

We will do our best to update the theme when new versions of the plugin are released. If you would like to do your own updates or receive support for this plugin form the plugin author, you will have to purchase your own license from Codecanyon.

Go Pricing Tables

The premium Go Pricing & Comparison Tables plugin for WordPress has been built into the theme to give you great pricing table options.

The theme will recommend that you install the Go Pricing & Comparison Tables plugin. Just click to install and active the plugin. If you need more information regarding this plugin, you can find a documentation in the Documentation folder in the "All Files" theme download.

To get started you can import the sample table files.

  • First download the "All Files" version of the theme
  • Unzip the file, and open the SampleData folder
  • Locate the Go Pricing & Comparison Tables plugin sample data
  • Select a file that you would like to import (we suggest the "all" document)
  • Open the file and copy its contents
  • Navigate to Go Pricing > Import & Export
  • Paste the file contents
  • Click Import
  • Now when you go to Go Pricing > Go Pricing you should see all of the sample files you imported


  • Click on a table and click "Edit" to open a table

Use the included shortcodes to insert your tables into any post or page. The shortcode looks similar to this: [go_pricing id=”my_table”] Just replace “my_table” with the id you’ve given your table. If you can’t remember what you named your table just open the table. The id you assigned to your table will be in the top section.



We will do our best to update the theme when new versions of the plugin are released. If you would like to do your own updates or receive support for this plugin form the plugin author, you will have to purchase your own license from Codecanyon.

WooCommerce

This theme supports the WooCommerce e-commerce plugin for WordPress. This is a great free plugin for adding your own online store to your website.

Installation

  • Login to WordPress
  • Navigate to Appearance > Plugins > Add New
  • Search plugins for "WooCommerce" (you can also find the plugin here)
  • Find the plugin in the list (it should be the first result) and click "Install Now"
  • Once installed, activate the plugin
  • You will then see a purple prompt, click on "Install WooCommerce Pages" (this will add all the WooCommerce pages like your shop, cart, etc. so you can get started)

Sample Data

If you did not upload the full sample data file, follow these instructions:

  • First download the "All Files" version of the theme
  • Unzip the file, and open the SampleData folder
  • Locate the WooCommerce sample data
  • Login to WordPress
  • Navigate to Tools > Import
  • Click on WordPress
  • Click on "Choose File" and select the WooCommerce sample data file you located earlier
  • Click upload and import
  • Assign the products to a user and submit
  • You should now have working sample data just like the theme demo!

For any questions regarding WooCommerce, please reference their support documentation.

Support Notice

While this theme supports WooCommerce we do not provide support related to the plugin or maintaining it.

bbPress

This this is compatible with bbPress - a free and simple plugin for creating your own forum or bulletin board.

  • Login to WordPress
  • Navigate to Appearance > Plugins > Add New
  • Search plugins for "bbPress" (you can also find the plugin here)
  • Find the plugin in the list (it should be the first result) and click "Install Now"
  • Once installed, activate the plugin
  • Navigate to Forums > Add New


  • Start adding your forums!

If you have any questions about using bbPress please refers to their documentation and support forums.

Support Notice

While this theme supports bbPress we do not provide support related to the plugin or maintaining it.

Contact Form 7

Creating a contact page is super simple. We recommend using Contact Form 7. It's a free plugin and highly recommended by many.

  • Login to WordPress
  • Navigate to Appearance > Plugins > Add New
  • Search plugins for "Contact Form 7" (you can also find the plugin here)
  • Find the plugin in the list (it should be the first result) and click "Install Now"
  • Once installed, activate the plugin
  • Navigate to Contact > Add New
  • Edit the form fields, your contact email, and customize any of your auto messages


  • Save the form
  • Use the shortcode provided in the brown bar at the top to insert your contact form wherever you want it

If you have any questions about using bbPress please refers to their documentation.

Support Notice

While this theme supports Contact Form 7 we do not provide support related to the plugin or maintaining it.

Image Styles

This theme also includes css image styling that you can use to add extra design elements to inserted images. To add the styles, click on an image and go to Advanced Settings. Enter one or more of the following css classes to the "CSS Class" field:

  • image-border
  • image-shadow
  • image-hover
  • image-circle
  • image-fancy

Downloading the PSD's

Thunder includes 25+ Layered PSD Files. Because this is such a large file we did not include it in your Themeforest download but rather it is hosted on our Amazon CDN. To download the PSD's download the theme (all files) unzip and locate the file called "PSD-Files.txt" this file has the link to where you can download the PSD files!

Requesting Support

If you find any bugs with this theme please contact us via ThemeForest with a clear description of the problem so we can fix it. However we do not support modifications such as: changing the appearance or functionality of the theme.