The template installation process is very simple. The installation process can be done in two different ways.
1- By wordpress admin
Open Your wordpress dashboard.
1. open Appearance - Themes as shown in the screesnhot below.
Weight Loss center Pro
Help and Support
Template Installation
2. Now click the "Add New" button.
3. Now click on the upload button.
4. Load the theme file weight-loss-center-pro_1.0.zip (Version may vary) and proceed with the installation.
5. Now WordPress will install your theme and show you the message to "Activate" the theme.
2-Via FTP
Login to your FTP and upload the the theme folder at wp-content - themes.
As soon you activate the theme you will navigate to the Theme Setup Wizard page.
Demo Importer
To get the demo content exactly like we have shown on our demo page, checkout the below steps.
Open Theme Setup Wizard present under Apparance menu.
Click on the "Start Now". It will list all the plugins required for this plugin under "More Info". You can check it by clicking on more info.
Click on the "Install Plugins". It will install all the required plugins
Then Click on the "Import Demo". It will import the demo exactly like we have shown on our live demo page.
Once you have done with this you can see all the demo content on front page.
Customize Demo
Now start customizing your site as per your requirement. open Appearance - Customize - Theme Settings
Customize Demo
Section Reordering and Typography
Global theme and color and typography will help you to to change the color and font in a single click.
Each section contains option to set the Content, Title/Text, Text, Buttons and Background Matte palettes to the linked section depending on the number of options available.
Global Color
Global color will change colors for the entire theme. Open Appearance - Customize - Theme Settings - Typography. Scroll to bottom you will see two options for color, choose both options then only it will appear on frontend as it is gradient color.
Section Reordering
Move the section according to your requirement. Check screenshot below.
Setup "Header"
Open "Top Bar" present under "Theme Settings". Change the text.
open Appearance - Customize - Site Identity and add your logo.
Header menu will be updated from the "Menus" available under the Appearance navigation in dashboard panel. Check below image for menu update.
Update button text and its url.
Setup "Slider"
Open "Slider Settings" present under the "Theme Settings" panel in customizer. Here you can see the "Number of slides to show" settings. Which you can increase or decrease as per your needs.
Scroll to the bottom and update slide image, heading, text and button title and url.
Setup "About Us"
Checkout the below steps to change the "About Us" content
Open About Us from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.
Update, title, text.
Update button title. Also update the phone number details.
Two images settings are included in this section which will be chnaged indivisually.
Scroll to the bottom you will see all the color options related to that section.
Setup "Services"
Checkout the below steps to change the "Services" content
Open Services from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.
Update section tagline and heading. Increase or decrease the number of services to show in this section.
Update each box image, title and text. We have shown for one do the same for others.
Scroll to the bottom you will see all the color options related to that section.
Setup Workout Gallery
Open Gallery present under theme settings pannel
Update section heading and increase or descrease number of gallery boxes to show. Now change the gallery images one by one from the below settings.
Setup "Workout Classes"
Checkout the below steps to change the "Workout Classes" content
Open "Workout Classes" from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.
Update section tagline, heading. Increase or decrease the number of classes to show in this section. Update the title icon too.
Now open "Classes" available in the dashobard navigation panel. All the demo "classes" is created.
Open one of them and update its title, text and image and designation along with the review text.
Scroll to the bottom you will see all the color options related to that section.
Setup "Workout Programs"
Checkout the below steps to change the "Workout Programs" content
Open Workout Programs from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings.
Update section heading and text. Increase or decrease the number of boxes to show in this section. This setting is for the left box only.
Update each box image, title and text. We have shown for one do the same for others.
Update the middle image.
Increase or decrease the number of boxes to show in this section. This setting is for the right box only.
Update each box image, title and text. We have shown for one do the same for others.
Scroll to the bottom you will see all the color options related to that section.
Setup "Video"
Checkout the below steps to change the "Video" content
Open Video from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Make sure to add padding from the "Section spacing" settings to this section as the marquee and the video image taking the whole space here. Update the marquee text and the image.
Update the utube video url.
Scroll to the bottom you will see all the color options related to that section.
Setup "Records"
Checkout the below steps to change the "Records" content
Open Records from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Update section tagline and heading. Update the section text.
Increase or decrease the number of records to show in this section. Update each box number and text. We have shown for one do the same for others.
Scroll to the bottom you will see all the color options related to that section.
Setup "Testimonials"
Checkout the below steps to change the "Testimonials" content
Open "Testimonials" from the Theme Settings panel in customizer.
Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading and text.
Update section tagline, heading. Increase or decrease the number of testimonials to show in this section. Update the image that is showing on the left column.
Now open "Testimonials" available in the dashobard navigation panel. All the demo "Testimonials" is created.
Open one of them and update its title, text and image and designation along with the review text.
Update the marquee text and the image.
Scroll to the bottom you will see all the color options related to that section.
Setup "Pricing Plan"
Open Pricing Plans present under theme settings pannel
Update section tagline and heading. Increase or decrease the number of pricing plan to show as per your requirement.
Update the plan content like title, price, its features listing and the button and url.
Setup Latest News
Open Latest News present under theme settings pannel
Update section tagline, heading, increase or decreas number of news to show.
There is an excerpt setting. You can limit the number of words to be shown on the post text.
Read more button will be appear on box hover.
Now open Dashboard - Posts. Demo Posts added you can change it according to your requirement.
Open one of them and chnage it according to your needs.
Footer
Open Footer present under theme settings pannel
Update footer text and the logo image.
Increase or decrease number of footer section or footer columns. Update column size for all the four boxes. You can inscrease the boxes too.
Inorder to change the footer widget content. Open Appearance -> Widgets. There are four footer columns created. Open it one by one and update its data. For the navigation menues first you need to create the menu from Appearance -> Menus then from here "Navigation Menu block will show your respective menu."
Update footer column 1.
Update footer column 2.
Update footer column 3.
Update footer column 4.
Copyright
Open Copyright present under theme settings pannel
Update Copyright Text.
Update social profile.
Setup Contact Page
Open Contact present under theme settings pannel
Update email, address, phone number from here.
Update fom tagline, title and the form shortcode from here.
Now open Dashboard - Contact. Contact Page form already exist. Open it and edit as per your needs. Copy the shortcode and paste it into the shortcode field at the customizer contact us section.
Update map longitude and latitude.
Page Banner
If you want to change the default page banner then open "General Settings" present under theme settings pannel scroll to the bottom and check the settings specified in below screenshot. When you chnage the image then it will change the banner of all the pages.
But if you would like add different banner to each pages then you need to add the banner indivisualy to each page. Edit the page for example. we are editing contact page, on the bottom right side column you will see the setting of page banner. Upload the image from here.
Blog Page Settings
This section contains all the settings related to blog. To access this open General Settings
Single Post Page
This section contains all the settings related to single post page. To access this open Appearance - Customize - Theme Settings - Single Post Page
Single Post Page
This section contains all the genearl settings. To access this open General Settings.
404 Page Settings
This section contains 404 page settings. To access this open 404 Page Settings
Theme Layout Settings
This section contains full and boxed layout settings. To access this open Theme Layout Settings
Responsive Settings
Here you can disable the sticky menu from the mobile or tablet view. Also you can set the width of mobile menu sidebar. To access this open Responsive Settings
Copyright © 2018 Themespride Templates. All Right Reserved.