Documentation

Soccer Club 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 soccer-club-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 soccer-club-pro theme from list
      • Hit on Activate to active soccer-club-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
    • Add Button
    • Show/hide Button
    • Add Button Text and 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
    • Select 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.

    • Add Page Tittle Padding
    • Show/Hide Page Featured Image
    • Select Page header image height
    • 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 Show Thumbnail Image
    • Set Feature Image Height
    • Show/Hide Author
    • Show/Hide Date
    • Show/Hide Time
    • Show/Hide Category
    • Show/Hide Comments
    • Show/Hide Tag
    • Show/Hide Excerpt
    • Hide/Show Button Display
    • Add Button Label
    • Hide/Show Socials
    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
    • Show/Hide Show Featured Image
    • Set Feature Image Height
    • Select Post Sidebar
    • Show/Hide Author
    • Show/Hide Date
    • Show/Hide Time
    • Show/Hide Category
    • Show/Hide Comments
    • Show/Hide Tag
    • Show/Hide Excerpt
    • Hide/Show Socials
    STYLES
    • Select Colors

    Contact Page

    There are two tabs here. General, Style

    GENERAL
    • Add Form Box Sub Title
    • Add Form Box Title
    • Add Form Shortcode
    • Add Address label
    • Add Address
    • Add Work label
    • Add Working Hours
    • Add Contact label
    • Add Phone Number
    • Add Email Address
    • Add Socials
    • Add Embed Code for map
    STYLES
    • Select Data Box Alignment
    • 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

    Other Settings

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

    All Setting

    • Show/Hide Back to Top Button

    Font Setting

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

    • Add Font size
    • Select Colors
    • Select Font Weight

    Breadcrumb options

    • Add Home Text Here:
    • Select Colors

    Footer Setting

    There are Three tabs here. General , Layout and style

  • GENERAL - You may follow below functionality.
    GENERAL

    You may follow below functionality.

    • Add Copyright
    STYLES
    • Select Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Content Box Alignment
    • Select First Widget Alignment
    • Select Copyright Alignment
    • Select Term Text 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 and description on Slider
    • Set Slider Image Opacity
    STYLES
    • Select Colors
    LAYOUT
    • Select Section Width

    Features 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 features to show
    • Select Icon
    • Add Title
    • Add Description
    • Select Center Image
    • Select Icon
    • Add Title
    • Add Description
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Features Title Case
    • Select Section Head Alignment
    • Select Content Box Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Trainers 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 -> Teams -> Add New -> Add Title, Content, Designation, socials, Trainer Details, Feature image
    • Select Number of trainer to show
    • Select Select a trainer
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Section Head Alignment
    • Select Team Title Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    About Us

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Select Image
    • Add Section Heading
    • Add Section Sub Heading
    • Add Description
    • Add Bullet Points
    • Select Number of success to show
    • Add Icon
    • Add Title
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Block Onload Transition Effects
    • Select Head Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Counterbox

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Select Number of counter to show
    • Select Counter Number
    • Add Counter Text
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Counter Title Case
    • Select Content Box Alignment
    • 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
    • Add Section Sub 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 Section Head Alignment
    • Select Testimonial Title Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Video Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Embed Code for video
    • Add Title
    • Add Sub Title
    • Add Text
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Head Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Awards Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Select Number of awards to show
    • Select Awards Image
    • Add Title
    • Add Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Our Clients Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Select Number of our client to show
    • Select Our Client Image
    • Add Link
    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

    Gallery Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Add Section Sub Heading
    • Go to Dashboard -> Gallery -> Add New -> Add Title, Feature image
    • Select Number of gallery image to show
    • Select Select gallery image
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Section Head Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width
    • Select Image height

    Product Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Active woocommerce plugin
    • Go to Dashboard -> Product -> Add New -> Add Title, Text, Price, Category, Tag, Attribute, Product Image
    • Go to Dashboard -> Product -> Click on star icon for show product as featured product
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Section Head Alignment
    • Select Colors
    LAYOUT
    • 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 Section Sub Heading
    • Add Form Shortcode
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Head Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    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.