FitClub

Thank you for using this theme. If this instruction doesn't cover your queries feel free to contact us and we will do what we can.

ThemeGrill · Themes

01Getting started

This is the FitClub 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 right 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!

02Installation

Installing your theme is pretty easy! After downloading you should have a fitclub.zip file. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload the theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload link
  4. Select the fitclub.zip file
  5. Click Install Now

Activate the theme

  1. Go to Appearance > Themes in the WordPress menu
  2. Hover over the theme thumbnail and press the Activate button
Additional information: WordPress Codex – Using Themes

04Header Options

This theme supports different header options in this theme. For using this feature, you can visit Appearance > Customize > Header Options. Some of the options are listed here as:-
  1. Header Logo
  2. The options available inside this are the logo upload option and the display of them, ie, like to display the logo only, text only or both of them or neither any one of theme. In order to use it, please perform the following task:-
    1. Navigating to this option is provided above in the description. So, now you can visit further to control this. Now, here in order to upload your own logo, click on the Select Image option and select the image as required for your site and then, you need to save the changes.
    2. In order to save the changes, you need to click on the Save & Publish button and you changes will be saved.
    3. Also, in order o display the header text or header logo or both of them or neither of them, you aslo need to change the settings. The setting for this which needs to be changed is in Choose the required option, just below the Upload Logo section.
      1. The options available here are:
        1. Header Logo Only: displays the header logo only
        2. Header Text Only: displays the header text only
        3. Show both header logo and text: displays both of the logo image and header text
        4. Disable: disable both of them to be displayed
The image associated with this options is available below:- header-options

05Slider Options

This theme supports the slider options to be kept in the home page. For this, visit Appearance > Customize > Slider Options. The options available within this slider is listed below:-
  1. Slider Settings
  2. The options available inside this are the adding the slider content, ie, the slider has the option to choose the page to display it in the front-end. Also, this should have the featured image associated with to display, else it wont be displayed. Here are some of the criteria listed to be used within the theme:-
    1. To display the Slider first check Enable the slider below. Now create the page for each slider and enter title, text and featured image. Choose that pages in the dropdown options.
    2. The recommended size for the slider image is 1920 x 1000 pixels. For better functioning of slider use equal size images for each slide.
    3. If page do not have featured Image than that page will not included in slider show.
  3. Now, in order to display the slider in your Home Page, check on the checkbox having the option of Enable Slider
  4. After enabling the slider, you need to choose the required page which you want to display using the slider. Also, the page need to have the featured image associated with.
  5. After choosing the required pages, you can now click on the Save & Publish button to save the changes.
The image associated with this options is available below:- slider-options

06Design Options

This theme supports the design to be different as per your requirement of the site. For this, visit Appearance > Customize > Design Options. The options available within this design sections is listed below:-
  1. Default Layout
  2. When you select this layout, you will be able to add the layout for the archive, search result pages, etc. The layout available in this theme for this section are:-
    1. Right Sidebar
    2. Left Sidebar
    3. No Sidebar Full Width
    4. No Sidebar Content Centered
    The above layout is shown in the images respectively, when you use the Customize Options.
    After choosing the required layout, you can now click on the Save & Publish button to save the changes.
  3. Default Page Layout
  4. When you select this layout, you will be able to add the default layout for the single page. It will be overwritten if you have selected the different layout when creating the new page. The layout available in this theme for this section are:-
    1. Right Sidebar
    2. Left Sidebar
    3. No Sidebar Full Width
    4. No Sidebar Content Centered
    The above layout is shown in the images respectively, when you use the Customize Options.
    After choosing the required layout, you can now click on the Save & Publish button to save the changes.
  5. Default Single Post Layout
  6. When you select this layout, you will be able to add the default layout for the single post page. It will be overwritten if you have selected the different layout when creating the new post. The layout available in this theme for this section are:-
    1. Right Sidebar
    2. Left Sidebar
    3. No Sidebar Full Width
    4. No Sidebar Content Centered
    The above layout is shown in the images respectively, when you use the Customize Options.
    After choosing the required layout, you can now click on the Save & Publish button to save the changes.
  7. Primary Color Option
  8. When you visit this section, you will have the option of changing the primary color to the different once, which will effect the link, buttons color and more.
    After setting it to the required color, you need to click on the Save & Publish button to save the changes.
  9. Custom CSS
  10. This theme supports the Custom CSS code to be added in it, which can change many of the styling easily when using this theme as your requirement. The advantage of using this is that when you write the CSS code there, then, it will be immediately applied and the changes will appear soon. So, if you are satisfied on changing the CSS code, then, you need to click on the Save & Publish button to save the changes.
  11. Footer Widgets
  12. This theme support the footer widgets to be either used as one, two, three or four widgets area. Use it to best suit your site.

07Additional Options

This theme supports the different additional options to best suit your site. For this, visit Appearance > Customize > Additional Options. The options available within this additional options are listed below:-
  1. Excerpt/Full Content Option
  2. This option is best used for your site to either display the excerp or the content of the post in the archive/blog posts pages. So, choose it as your requirement.
  3. Hide Content in Front/Blog Page
  4. This feature is best suited to enable or disable the feature of showing the latest post/static page in the home page.
  5. Post Meta Settings
  6. This setting is best used to control the meta setting of the posts, ie, such as enable/disable the author in category/blog pages. Some of the features here are listed as:
    1. Hide all post meta data under post title.
    2. Hide date under post title.
    3. Hide author under post title.
    4. Hide comment count under post title.
    5. Hide category under post title.
After choosing the required feature, you can now click on the Save & Publish button to save the changes.

08Widgets

This theme has different widgets bundled with it to best suit your site. Some of them are listed below as:-
  1. TG: Service Widget
  2. This is the widget, which shows the featured image, title and the excerpt of the page and need to be used with the Service Template when creating those pages. The image associated with it in our demo is:- service-widget
  3. TG: About Widget
  4. This is the widget, which shows the featured image, title and the excerpt of the page. This is best suited for displaying the About page for your site. The image associated with it in our demo is:- about-widget
  5. TG: Call To Action Widget
  6. This is the widget, which is best used for adding the Call To Action widget in your site.
  7. TG: Testimonial Widget
  8. This is the widget, which shows the featured image, title and the excerpt of the page. This is best suited for displaying the testimonial of the client. In order to use it, you need to select the Testimonial Template, when creating the page. The image associated with it in our demo is:- testimonial-widget
  9. TG: Our Team Widget
  10. This is the widget, which shows the featured image, title and the excerpt of the page. This is best suited for displaying the teams profile associated with the company. In order to use it, you need to select the Team Template, when creating the page. The image associated with it in our demo is:- team-widget
  11. TG: Featured Posts Widget
  12. This is the widget, which shows the featured image, title and the excerpt of the post. This is best suited for displaying the latest/category posts in the home page. The image associated with it in our demo is:- featured-widget

09Recommended Image Sizes

The recommended image sizes for this themes are:-
  1. 576px * 341px for the About Us widget
  2. 240px * 240px for the Testimonial widget
  3. 375px * 450px for the Our Team widget
  4. 380px * 240px for the Featured Posts widget
  5. 870px * 435px for the blog/archive post page
  6. 75px * 75px for the slider thumb image