Fitness Freak Pro Theme Documentation
Introduction
Thank you for purchasing Fitness Freak Pro. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use Fitness Freak Pro Theme.
If you are unable to find your answer here in the documentation, please contact us on our support desk.
What is included in the price?
- Fitness Freak Pro WordPress Theme
- 1 Year Free Updates
- Theme Documentation
- Premium Support - To our support desk.
Thanks!
HippoThemes Team
Theme Installation via WordPress
After the purchase you will be able to download the theme .zip file.
When done, you should see fitness-freak-pro.zip (zip file name can be changed from version to version).
Please, follow the steps below to install Fitness Freak Pro Theme.
Step 1 - Login to your WordPress Dashboard.
Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme. (see screenshots below)
Step 3 - Click on Upload button at the top of the screen.
Step 4 - Choose fitness-freak-pro.zip and click on the Install Now button.
Step 5 - Wait while the theme is installed, when done Activate the Fitness Freak Pro theme.
(see screenshots below)
Step 6 - Congratulation you are ready to use Fitness Freak Pro, but first Activate your license key.
Common Theme Installation Problems
"Are you sure you want to do this?"
If you get the "Are you sure you want to do this" message when installing fitness-freak-pro.zip file via WordPress, it means you have an upload file size limit. Install the theme via FTP if this happens, or ask your hosting company to increase the limit.
Missing stylesheet file
If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the fitness-freak-pro.zip within the Theme Files folder.
Theme Installation via FTP
If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.
After the purchase you will be able to download the theme .zip file.
When done, you should see fitness-freak-pro.zip (folder name can be changed from version to version).
Please, follow the steps below to install Fitness Freak Pro theme via FTP:
Step 1 - Log into your hosting space (server) via FTP client.
Step 2 - In extracted archive folder, find fitness-freak-pro folder
Step 3 - Upload the fitness-freak-pro folder to your server in path .../wp-content/themes/
Step 4 - The uploaded path should be like this: .../wp-content/themes/fitness-freak-pro/
Step 5 - Login to your WordPress Dashboard and go to Appearance > Themes and activate the Fitness Freak Pro Theme. (see screenshots below)
Step 6 - Congratulation you are ready to use fitness-freak-pro, but first Activate your license key.
Additional Links
Theme License Activation
After installing the theme the first step to take will be activating the theme license. Enter the license key and you'll get access to theme support.
Follow the below instruction to activate the theme license.
Step 1 - Go to your WordPress Appearance > License.
Step 2 - Now, you need to enter the license key. (see screenshots below)
Step 3 - The final step is to click on Activate button.
Plugins Installation
After activating the theme and the license a notice should appear on the top of the screen, click on Begin installing plugins.
Follow the below instruction to activate all the necessary plugins.
Step 1 - Go to your WordPress Dashboard and click on Begin installing plugins.
Step 2 - Select all the plugin, change Bulk Actions drop to Install then click Apply. (see screenshots below)
Step 3 - Once the plugins are installed go back to Install required plugins and Activate them all.
Setting up the Demo Content
Before importing the dummy data Make sure you have installed all the required plugins.
Once the theme will be activated you will see the option for importing demo.
Step 1 - Go to Appearance > Demo Setup.
Step 2 - Click on the Import Demo Data button.
Step 3 - Done! Menu and Home Page will be set automatically.
Menu Setup
Create & Manage your menu
First we will see how to create your menu
Adding pages to your menu
How to add page to our new menu
Assigning a Menu to a Location
Select where to show our menu
Create & Manage your menu
Step 1 - Login to the WordPress Dashboard.
Step 2 - From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.
Step 3 - Select Create a new menu at the top of the page.
Step 4 - Enter a name for your new menu in the Menu Name box.
Step 5 - Click the Create Menu button.
Your menu is now defined, and you can now add pages to it (steps below).
Adding pages to your menu
The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default. The Screen Options are located in the top right corner of your WordPress Dashboard.
Step 1 - Locate the pane entitled Pages.
Step 2 - Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
Step 3 - Select the Pages that you want to add by clicking the checkbox next to each Page's title.
Step 4 - Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
Step 5 - Click the Save Menu button once you've added all the menu items you want.
Your custom menu has now been saved.
Assigning a Menu to a Location
Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.
Step 1 - Go to Appearance > Menus and click Manage Locations.
Step 2 - Assign each Theme Location with a menu. You can assign menus to multiple Theme Locations.
Step 3 - Click the Save Changes button.
Page Options
Go to Pages > Add New or edit any page scroll down the page and at the bottom you'll find below options.
Here you can choose whether to show or hide your header menu, choose the option of One page or Multi page website, choose option to set header transparent or colored header and also you can change the menu style such as Default menu or Same as Homepage. Also you can show or hide the page title area and change the title background image.
2. Footer
Here you can choose whether to show or hide your footer.
3. SEO Settings
Here you can assign page title and meta description and also manage the robots setting.
4. Facebook Pixel
Here you can add your facebook pixel code for your website.
Page Builder Widgets
Go to Pages > Add New or Edit a page. Click on the Page Builder tab and go to Add Widget as shown in below screenshots.
Before using the widget make sure you check the features it offers in below description.
1. Fitness Freak Pro Button Widget
Here you can Add button text and assign a URL along with the designing changes that you may want to make.
2. Fitness Freak Pro Contact Form Widget
Using a shortcode method you can display your contact form and change contact form styling such as light and dark.
3. Fitness Freak Pro Counter Widget
Using this widget, you can add multiple counters. Also, you can make the changes in style that you may want.
4. Fitness Freak Pro Key Feature Widget
Using this widget, you can display the key features and customize it's design as per your requirement.
5. Fitness Freak Pro Testimonials Widget
Here you can add the testimonials details and display it in slider. Also, you can make the changes in design that you may want.
Customizer Options
Go to Appearance > Customize and you'll find below options where, you can make the changes as per your requirements.
1. General
- Site Identity
Here you can change your website normal logo and dark logo along with site icon and also add or remove site title and tagline. Also you can change the logo size that you may want and enable or disable the fixed header.
- Preloader
Here you can enable or disable preloader and also upload the custom preloader.
- Header Image
Here you can choose header image that you may want to display.
- Homepage Settings
Here you can choose front page as a Home Page and post page for your website.
2. Styling
Here you can manage your theme colors and fonts. Also, you can add your custom JS.
3. Footer
- Social Icons
Here you can integrate your social accounts.
- Footer Widget Area
Here you can choose whether to show or hide your footer widget area along with the number of columns to show.
- Footer Copyright Area
Here you can choose weather to show or hide your copyright area along with the credit links. Also, you can change your footer style, choose the footer menu, upload the footer logo and add copyright text from here.
4. SEO Settings
In this section, you can add your facebook pixel code and google analytics.
5. Blog Page Settings
Here you can manage your blog page settings that you may want to change.
