Documentation

Healthy Fitness Gym Pro

Thank you so much for purchasing our item from themes corner.

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

Installation

Follow the steps below to setup your site template:

  1. Unzip the downloaded package and open the /HTML folder to find all the template files. You will need to upload these files to your hosting web server using FTP or localhost in order to use it on your website.
  2. Below is the folder structure and needs to be uploaded to your website or localhost root directory:
    • Installation By WordPress Admin area
      • First you have to log into your WordPress admin
      • Hit Add new theme and click upload
      • Go to Dashboard -> Appearance -> Themes
      • Click on Add New Theme button at top
      • Click Upload Theme button and upload
      • Hit on Activate once upload has finished
    • Installation By FTP
      • Download healthy-fitness-gym-pro.zip file from your My Account.
      • Extract Zip file
      • By using your FTP, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server
      • Go to Dashboard -> Appearance -> Themes and find out healthy-fitness-gym-pro theme from list
      • Hit on Activate to active healthy-fitness-gym-pro theme.

General Setting

  • Go to Appearence -> Customizer -> General Setting

    • Documentation and examples for header, navbar, sidebar, footer

    Header

    The list of various header settings & its descriptions are provided below for your reference:

    All Setting

    There are two tabs here. General and style

    GENERAL

    You may follow below functionality.

    • Show/hide Sticky Header
    • Select Header Style
    • Set Section Width
    • Show/hide Header Button
    • Add Header Button Text
    • Add Header Button Link
    STYLES
    • Change header colors

    Logo Setting

    There are two tabs here. General and Layout

    GENERAL

    You may change header site details by using below functionality.

    • Select Logo
    • Add Site Title
    • Add Tagline
    • Hide/Show Site Title
    • Hide/Show Tagline
    LAYOUT
    • Set Width
    • Set Height
    • Add Padding

    Menu Setting

    There are Three tabs here. General , Style and Responsive Menu

    GENERAL
    • Select Menu Dropdown Animations
    • Select Menu Font Case
    • Add Menu Font Size
    • SelectFont Weight
    STYLE
    • Select colors
    RESPONSIVE MENU
    • Select colors
    • Add Menu Font Size

    Pages

    The list of various pages settings & its descriptions are provided below for your reference:

    Inner Pages

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Page Featured Image
    • Show/Hide Page Title
    LAYOUT
    • Select Left / Right and No Sidebar
    • Select Page Width
    STYLES
    • Set Image Opacity
    • Select Header Box Transition Effects
    • Select Colors

    Blog Pages

    There are Three tabs here. General, Layout and style

    GENERAL
    • Show/Hide Author
    • Show/Hide Date
    • Show/Hide Comments
    • Show/Hide Excerpt
    LAYOUT
    • Select Left / Right and No Sidebar
    • Set Excerpt Length
    • Select Width
    STYLES
    • Select Colors

    Single Post

    There are two tabs here. General, Style

    GENERAL
    • Select Post Sidebar
    • Show/Hide Author
    • Show/Hide Date
    • Show/Hide Time
    • Show/Hide Category
    • Show/Hide Comments
    • Show/Hide Tag
    • Hide/Show Socials
    STYLES
    • Select Colors

    Contact Page

    There are two tabs here. General, Style

    GENERAL
    • Add Contact Heading
    • Add Address, Email and Phone Number
    • Set Left Image
    • Add Form Box Title
    • Add Form Shortcode
    • Add Embed Code for map
    STYLES
    • Select Box Onload Transition Effects
    • Select Colors

    Shop Page

    There are two tabs here. General, Style

    GENERAL
    • Select Shop Sidebar Display
    • Add Product Font Size
    STYLES
    • Select Colors

    Testimonials Page

    There are two tabs here. General, Style

    GENERAL
    • Hide/Show Thumbnail Image
    • Hide/Show Excerpt
    STYLES
    • Select Colors

    Team Page

    There are two tabs here. General, Style

    GENERAL
    • Set Feature Image Height
    • Set Socials Using On/Off
    STYLES
    • Select Colors

    FAQ Page

    There are two tabs here. General, Style

    GENERAL
    • Add FAQ Heading
    • Add Day & Timing Text
    STYLES
    • Select Colors

    Gallery Page

    There are two tabs here. General, Style

    GENERAL
    • Select Gallery Image Height
    STYLES
    • Select Colors

    Services Page

    There are two tabs here. General, Style

    GENERAL
    • Set Image Height
    • Set Button Display
    • Add Button Text
    STYLES
    • Set Button Width
    • Select Colors

    Video Page

    There is only tab Style

    STYLES
    • Select Colors

    Other Settings

    The list of various pages settings & its descriptions are provided below for your reference:

    All Setting

    • Show/Hide Back to Top Button
    • Select Back to Top Icon Color

    Font Setting

    There are Seven tabs here. H1, H2, H3, H4, H5, H6, Body Font

    • Add Font size
    • Select Color
    • Select Font Weight

    Breadcrumb options

    • Show/Hide Breadcrumb
    • Select Colors

    Footer Setting

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Add Copyright Text
    STYLES
    • Select Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Content Box Alignment
    • Select Copyright Alignment
    • Select colors
    LAYOUT
    • Add Top Footer Padding
    • Add Bottom Footer Padding
    • Select Section Width

    Home Section

  • Go to Appearence -> Customizer -> Home Section

    • The list of various Section settings & its descriptions are provided below for your reference:

    Slider

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Title on Slider
    • Add Slider Tagline
    • Add Socials
    STYLES
    • Select Box Onload Transition Effects
    • Set Slider Overlay Opacity
    • Select Colors
    LAYOUT
    • Select Section Width

    Video Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Go to Dashboard -> Video -> Add New -> Add Title, Custom Url, Feature image
    • Select Number of Video to Show
    • Select Select Video from dropdown one by one
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    About Us Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Set Section Bottom Image Display
    • Set Bottom Imag
    • Set Section Hover Animation Display
    • Set Left Image
    • SetCircle Animation Display
    • Add Section Title & Description
    • Show/Hide Button
    • Add Button Text
    • Add Button Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Heading Case
    • Select Section Heading Alignment
    • Set Button Width
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Features Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Set Section Hover Animation Display
    • Add Section Heading
    • Go to Dashboard -> Appearance -> Customize -> Features Section
    • Set Number of Features to Show
    • Set Features Image & Icon Image
    • Add Title, Content, Set Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Heading Alignment
    • Select Section Heading Case
    • Select Features Title Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Banner Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Add Section Disable Settings
    • Set Left Image Display
    • Set Left Image
    • Add Set Taglines Text
    • Add Banner Sub Text
    • Add Phone Number Text
    • Set Banner Right Image
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Button Onload Transition Effects
    • Set Section Content Alignment
    • Set Banner Tagline Case
    • Set Banner Sub Text Case
    • Set Right Image Height
    • Set Right Image Overlay Opacity
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Counter Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Add Section Disable Settings
    • Add Section Heading
    • Set Number of Counter to Show
    • Set Font Awesome Icon
    • Add Counter Number & Counter Text
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Button Onload Transition Effects
    • Set Section Content Alignment
    • Set Counter Heading Case Case
    • Set Counter Title Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Services Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Go to Dashboard -> Services -> Add New -> Add Title, Content, Feature image
    • Select Number of Services to Show
    • Select Select Services from dropdown one by one
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Set Services Title Case
    • Set Section Heading Case
    • Set Services Image Height
    • Set Button Width
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width
    • Set Excerpt Length

    Team Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Go to Dashboard -> Team -> Add New -> Add Title, Content, Designation, Socials, Feature image
    • Select Number of Team to Show
    • Select Select A Team
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Team Title Case
    • Select Section Heading Alignment
    • Select Section Heading Case
    • Set Team Image Height
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Testimonials Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Go to Dashboard -> Testimonials -> Add New -> Add Title, Content, Designation, Feature image
    • Select Number of Client to Show
    • Select Select A Client Testimonials
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Testimonial Title Case
    • Select Testimonial Heading Case
    • Select Section Heading Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Pricing Plan Section

    There are Three tabs here. General , Layout and Style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Select Number of Plan to Show
    • Add Plan Name
    • Add Plan Tagline
    • Add Plan Unit
    • Add Plan Price
    • Add Link For Plan
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Set Section Heading Alignment
    • Set Section Heading Case
    • Set Pricing Title Case
    • Select Box Onload Transition Effects
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Contact Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • SetImage Dispaly
    • Add Phone,Email & Location Text
    • Add Form Heading
    • Add Form Shortcode
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Set Section Heading Alignment
    • Set Blog Heading Case
    • Select Section Onload Transition Effects
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Blog Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Go to Dashboard -> Post -> Add New -> Add Title, Content, Category, Tag, Feature image
    • Select Number of Posts to Show
    • Check Exclude Category from Blog Posts
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Section Heading Alignment
    • Select Colors
    LAYOUT
    • Set Image Height
    • Set Excerpt Length
    • Add Section Padding
    • Select Section Width

    Newsletter Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Add Form Shortcode
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Heading Alignment
    • Set Section Heading Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width
    • Set Image Height

    General Configuration

  • Go to Appearence -> Customizer -> General Configuration

    • The list of various settings & its descriptions are provided below for your reference:

    Static Front Page

  • Select your homepage displays

    • Background Image Setting

  • Select Background Image

    • Header Image Setting

  • Select Header Image

    • Colors Setting

  • Select Theme Primary Color
  • Select Theme Secondary Color

    • Font Setting

  • Select Heading Fonts/Title Fonts
  • Select Body/Text Font

    • Section Sequence

  • Go to Appearence -> Customizer -> Section Sequence

    • Inter change section Sequence name.