Documentation
Music Class 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:
- 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.
- 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 music-class-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 music-class-pro theme from list
- Hit on Activate to active music-class-pro theme.
General Setting
Go to Appearence -> Customizer -> General SettingDocumentation 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
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
- Change header colors
Logo Setting
There are two tabs here. General and Layout
You may change header site details by using below functionality.
- Select Logo
- Add Site Title
- Add Tagline
- Hide/Show Site Title
- Hide/Show Tagline
- Set Width
- Set Height
- Add Padding
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
You may follow below functionality.
- Add Page Tittle Padding
- Show/Hide Page Featured Image
- Show/Hide Page Title
- Select Transperent Image
- Show/Hide Transperent Image
- Select Left / Right and No Sidebar
- Select Page Width
- Select Header Box Transition Effects
- Select Header Title / Breadcrumb Alignment
- Select Colors
Blog Pages
There are Three tabs here. General, Layout and style
- Show/Hide Show Thumbnail Image
- Set Feature Image Height
- Show/Hide Date
- Show/Hide Excerpt
- Select Left / Right and No Sidebar
- Set Excerpt Length
- Select Width
- Select Colors
Single Post
There are two tabs here. General, Style
- Show/Hide Image
- Select Post Sidebar
- Show/Hide Author
- Show/Hide Date
- Show/Hide Time
- Show/Hide Category
- Show/Hide Comments
- Show/Hide Tag
- Hide/Show Socials
- Select Colors
Shop Page
There are two tabs here. General, Style
- Select Left / Right And No Sidebar
- Select Colors
Single Product Page
There are one tabs here. Style
- Select Colors
Contact Page
There are two tabs here. General, Style
- Add Form Heading
- Add Form Shortcode
- Add Info Sub Heading
- Add Info Heading
- Add Address, Email and Phone Number
- Add Social Heading
- Add Social
- Add Embed Code for map
- Add Counter Heading
- Add Counter Sub Heading
- Show Number of Counter
- Add Counter Number
- Add Counter Text
- Select Info Block Heading Alignment
- Select Counter Heading Alignment
- Select Counter Box Alignment
- Select Box Onload Transition Effects
- Select Colors
Testimonials Page
There are two tabs here. General, Style
- Hide/Show Thumbnail Image
- Hide/Show Excerpt
- Select Box Alignment
- Select Testimonials Title Case
- Select Colors
Team Page
There are two tabs here. General, Style
- Select Feature Image Height
- Hide/Show Social Icon
- Select Title Case
- Select Colors
Program Page
There are two tabs here. General, Style
- Select Content Box Alignment
- Select Title Case
- Select Colors
Video Page
There are one tabs here. Style
- Select Colors
FAQ Page
There are two tabs here. General, Style
- Add Heading
- Add Text
- Show/Hide Button
- Add Button Text
- Add Button Link
- Select Image
- Select Colors
Gallery Page
There are two tabs here. General, Style
- Select Gallery Image Height
- Select Colors
Event Page
There are two tabs here. General, Style
- Select Image Height
- Select Content Box Alignment
- Select Title Case
- Select Excerpt Length
- 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
Home Section
Go to Appearence -> Customizer -> Home SectionThe list of various Section settings & its descriptions are provided below for your reference:
Slider
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Show/Hide Title and description on Slider
- Select Transperent Image
- Show/Hide Transperent Image
- Select Colors
- Select Section Width
- Add Section Padding
About Us Section
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Title
- Add Sub Title
- Add Descriptions
- Add Left Side Bullet Points
- Add Right Side Bullet Points
- Show/Hide Button Display
- Add Button Text
- Add Button Link
- Select About Star Image
- Select About Right Image
- Add Experience Number
- Add Experience Text
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Block Onload Transition Effects
- Select Heading Alignment
- Select About Title Case
- Select Colors
- Add Section Padding
- Select Section Width
Program Section
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Show/Hide On/Off Title Icon
- Show/Hide On/Off BG Left Top Image
- Add Section Heading
- Add Section Sub Heading
- Select Number Of Program
- Select Program
- Show/Hide Button
- Add Button Text
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Button Onload Transition Effects
- Select Section Heading Alignment
- Select Content Box Alignment
- Select Program Title Case
- Select Colors
- Add Section Padding
- Add Heading Left Padding
- Select Section Width
- Select Image Height
Music Class Section
There are Three tabs here. General , Layout and style
You may follow below functionality for Box 1 / 2
- Select Box Icon Image
- Add Box Title
- Add Box Text
- Show/Hide Button
- Add Button Text
- Add Button Link
- Add Main Heading
- Add Sub Heading
- Add Text
- Show/Hide Button
- Add Button Text
- Add Button Link
- Show Number Of Muzic Class
- Select Icon Image
- Add Title
- Add Description
- Add Button Text
- Add Button Link
You may follow below functionality for Box 3
You may follow below functionality
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Box Onload Transition Effects
- Select Facility Title Case
- Select Content Box Alignment
- Select Colors
- Add Section Padding
- Select Section Width
Event Section
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Section Heading
- Add Section Sub Heading
- Add Section Text
- Show/Hide Button
- Add Button Text
- Add Button Link
Go to Dashboard -> Event -> Add New -> Add Title, Content, Feature image- Select Number of Event to Show
- Select Select Event
- Show/Hide Button
- Add Button Text
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Box Onload Transition Effects
- Select Section Heading Alignment
- Select Event Title Case
- Select Content Box Alignment 11
- Select Colors
- Add Section Padding
- Select Section Width
- Select Image Height
- Set Excerpt Length
Video Section
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Section Heading
Go to Dashboard -> Video -> Add New -> Add Title, Youtube Video href ID, Feature image- Select Number of Video to Show
- Select Select Video
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Box Onload Transition Effects
- Select Section Heading Alignment
- Select Colors
- Add Section Padding
- Select Section Width
Testimonials Section
There are Three tabs here. General , Layout and style
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
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Section Onload Transition Effects
- Select Section Heading Alignment
- Select Section Content Alignment
- Select Colors
- Add Section Padding
- Select Section Width
Contact Section
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Form Shortcode
- Add Heading Logo Image
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Form Background Image
- Select Onload Transition Effects
- Select Colors
- Add Section Padding
- Select Section Width
Team Section
There are Three tabs here. General , Layout and style
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 Member to Show
- Select Select A Team
- 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 Content Box Alignment
- Select Colors
- Add Section Padding
- Select Section Width
Gallery Section
There are Three tabs here. General , Layout and style
You may follow below functionality.
- Show/Hide Disable Section
- Add Section Heading
Go to Dashboard -> Gallery -> Add New -> Add Title, Feature image- Select Number of Image to Show
- Select Select Image
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Box Onload Transition Effects
- Select Colors
- Add Section Padding
- Select Section Width
Blog Section
There are Three tabs here. General , Layout and style
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
- Select Section Background Color
- Select Section Background Image
- Set Background Opacity
- Select Section Onload Transition Effects
- Select Section Heading Alignment
- Select Content Box Alignment
- Select Colors
- Set Image Height
- Set Excerpt Length
- Add Section Padding
- Select Section Width
General Configuration
Go to Appearence -> Customizer -> General ConfigurationThe list of various settings & its descriptions are provided below for your reference:
Static Front Page
Background Image Setting
Header Image Setting
Colors Setting
Font Setting
Section Sequence
Go to Appearence -> Customizer -> Section SequenceInter change section Sequence name.