logo logo
  • Email us at: support@theclassictemplates.com
Contact Us
logo logo
Email us at: support@theclassictemplates.com Contact Us
  1. Home
  2. Docs
  3. Swimming Pool Pro WordPress Theme
Purchase Now Preview Now

Doc Navigation

  • Getting Started
  • briefcaseInstallation
    • Via Wordpress
    • Via FTP
  • Basic Setup
    • Homepage
    • Menus
    • Header
    • Widgets
    • Breadcrumbs
    • Sections Order
    • Colors
    • Font
    • Custom Css
  • Sections Setting
    • Slider
    • Services
    • Appointment
    • About Us
    • Testimonial
    • pricin
    • Team
    • Blog
  • Shortcodes List
    • Team Shortcode
    • Services Shortcode
    • Projects Shortcode
    • Testimonial Shortcode
    • Faq Shortcode
    • Gallery Shortcode
  • Blog Page
  • Contact Page
  • Footer Setup

Getting Started Documentation

Thanks for getting connected with us. We will ensure to get you help out all through this Document regarding theme setup and bug fixing as any occurs.

If you still have any query which is not in this document then feel free to contact us at support@theclassictemplates.com

Installation

There are usually 2 ways to install a theme via WordPress Admin Or FTP Panel.

Installation Via WordPress Admin area

  1. First you have fresh version of wordpress installed >> Login to WordPress administration
  2. Navigate to Dashboard >> Appearance >> Themes. 
  3. Click on "Add New" button and Hit "Upload Theme" button and upload. 
  4. Click on "Activate". 

Installation Using FTP

  1. Open your FTP Client Server
  2. Navigate to unzipped theme folder >> Upload into wp-content > themes folder
  3. Now Activate the theme from wordpress panel >> Appearance > Themes and activate . 

Basic Setup

Create and Setup Homepage

  1. Go to Dashboard Pages Add New
  2. Add Title and content of page >> Select Page Template as Home >> Publish  
  3. To set Front page, Go to Dashboard >> Appearance >> Customize >> General Setting >> Static Front Page
  4. Select option "Your homepage displays" to A static page option then select your page as front page from the Homepage drop down  

Set Up Menus

  1. Go To Dashboard Appearance Menus
  2. Click on create a new menu. 
  3. Enter menu name and click on Create Menu. 
  4. Select Pages About Us, Services, FAQ, Team, Blog, Contact Us from left Side and click on Add to Menu button.
  5. After selecting pages select menu location and click on save menu. 
  6. Click on Manage Locations. 
  7. Click on Use new menu 
  8. Add Menu Name 
  9. Click on Create Menu button. 

Set Up Header

  1. Go To Dashboard Appearance Customize Header Options
  2. Set Stickey Header to Enable / Disable also set relevant color 
  3. Set Background Image For Header. 
  4. Set Header Email & Socials Box display by enable disable buttons
  5. Add Email Texts & Set all social media links.  
  6. Set All Colors Related With Header 
  7. Click on Publish Button . 

Widgets Management

  1. Go to Dashboard Appearance Widgets
  2. Drag & Drop Any Widgets That You Wants To Use. 

Breadcrumbs Display

  1. Go to Dashboard Appearance Customize Appearance Settings Breadcrumb Options
  2. Add Breadcrumbs Text. 
  3. Select all Colors Related With Breadcrumb. 

Section Order

  1. Go to Dashboard Appearance Customize Appearance Settings Section Order
  2. Arrange Section Order That You Wants To Set For Your Website. 

Colors Setting

To Setup colors for Innerpage Contents

  1. Go to Dashboard Appearance Customize Appearance Settings Colors

Font Settings

To Setup Header & Body Font Families that You Wants To Use For Your Website

  1. Go to Dashboard Appearance Customize Appearance Settings Typography

Custom CSS

You Can Add Your Custom CSS too.

  1. Go to Dashboard Appearance Customize Additional Css

Homepage Sections

Homepage Banner Section

Create Homepage Banner
  1. Go to Dashboard Sliders
  2. Click on Add New button.
  3. Add the slider Title.
  4. Add the slider content.
  5. Add slider both button Texts with it links/url.
  6. Add slider tagline here in span type.
  7. Select slider featured image.
  8. Click on Publish Button.
Setup Homepage Banner
  1. Go to DashboardAppearanceCustomizerHomepage SettingsHomepage Banner Section
  2. Set content Display using hide/show button
  3. Select All Colors Related With Banner.
  4. Click on Publish Button..

Services Section

Adding Service
  1. Go to DashboardOur ServicesAdd New
  2. Add Service Title >> Service Content >> Add Service subTitle >> Custom Url >> set feature image .
  3. Click On "Publish" Button
Setup and Display Services
  1. Go to DashboardAppearanceCustomizeHomepage SettingsServices Section
  2. Set Section Display using Enable/Disable button.
  3. Set Background Image and Background color.
  4. Add Services Section Title, Subtitle, Content & apply its relevant colors .
  5. Select No. of Services blocks to show from dropdown button Services to show
  6. Select Services from dropdown one by one
  7. Set Services button display using Enable/Disable button as per need
  8. Select All Colors Related with services
  9. Click On "Publish" Button

Appointment Section

Create Appointment Form
  1. Go to DashboardPluginsAdd NewDownload & Activate Plugins "Contact Form 7" (Skip this step if you have already downloaded this plugin)
  2. Create Appointment Form & Copy Shortcode Which is Generated after Creating Form.

Setup and Display Form

  1. Go to DashboardAppearanceCustomize Homepage SettingsAppointment Section
  2. Set Section Display using Enable/Disable button.
  3. Set Background Color and Image for section as per need.
  4. Set Section Overlay Opacity also set color related with overlay.
  5. Add Contents also set it's display as per need
  6. Set appointment form box Title, Subtitle, Content & apply its relevant colors
  7. Copy the shortcode of Created Appointment Form in dashboard and Add shortcode here
  8. Select all respective colors
  9. Click On "Publish" Button

About Us Section

  1. Go to DashboardAppearanceCustomizeHomepage SettingsAbout Us Section
  2. Set Section Display using Enable/Disable button.
  3. Set Background Color and Image as per need
  4. Add Section Title, Subtitle & Contents also also apply colors related with contents.
  5. Set About Lists to show from dropdown.
  6. Set Button Display using Enable/Disable Button as per need also set it's relavant colors.
  7. Set about us right image with it's display options & apply it's relavant color.
  8. Add Section Title, Subtitle & Contents also also apply colors related with contents.
  9. Set Button Display using Enable/Disable Button as per need also set it's relavant colors.
  10. you can slect the no of icon to show
  11. Select Font-Awesome Icon to show from dropdown and add content related with lists.
  12. Add Section Title, Subtitle & Contents also also apply colors related with contents.
  13. Set Button Display using Enable/Disable Button as per need also set it's relavant colors.
  14. Click On "Publish" Button

Testimonials Section

Adding Testimonials

  1. Go to DashboardTestimonialsAdd New
  2. Add Client's Name.
  3. Add Testimonial Content.
  4. Add Clients Designation >> Feature image
  5. Select featured image for client which is at right corner of page.
  6. Click On "Publish" Button
Setup and Display Testimonials
  1. Go to DashboardAppearanceCustomizeHomepage SettingsTestimonials Section
  2. Set Section Display using Enable/Disable button.
  3. Set Background Color and Image as per need.
  4. Set Section Overlay Opacity with its relavant color.
  5. Select No. of Testimonials blocks to show from dropdown button Testimonials to show
  6. Select Client's with name one by one
  7. Set all respective colors
  8. Click On "Publish" Button

pricing Section

Adding Pricing Plan

  1. Go to DashboardPricing PlanAdd New
  2. Add a box top Tagline.
  3. Add Tilte.
  4. Add Dollar symbol.
  5. Add Amount.
  6. Add a Vlidity
  7. Add subtittle
  8. Add content
  9. Click On "Publish" Button
Setup and Display pricing
  1. Go to DashboardAppearanceCustomizeHomepage SettingsOur pricing plan Section
  2. Set Section Display using Enable/Disable button.
  3. Manage Background Image and Background color.
  4. Add Section Title, Subtitle & apply its relevant colors .
  5. Select No. of featu re blocks to show from dropdown button Feature Blocks to show
  6. Add Title Description for each featured blocks
  7. Set Button Display using Enable/Disable Button as per need also set it's relavant colors.
  8. Select All respective colors
  9. Click On "Publish" Button

Team Section

Adding Team

  1. Go to DashboardTeamsAdd New
  2. Add Member Name.
  3. Add Designation
  4. Add Member content
  5. Add Social Media Links.
  6. Add Feature image
  7. Select featured image for client which is at right corner of page.
  8. Click On "Publish" Button
Setup and Display Team Section
  1. Go to DashboardAppearanceCustomizeHomepage SettingsTeam Section
  2. Set Section Display using Enable/Disable button.
  3. Set Background Color and Image as per need.
  4. Set Section Overlay Opacity also set color related with overlay.
  5. Set Team to show
  6. Select Members's with name one by one
  7. Set all respective colors
  8. Click On "Publish" Button

Blogs or Posts Section

Adding Posts
  1. Go to DashboardPostsAdd New
  2. Add Posts Title.
  3. Select Categories.
  4. Add Posts Content
  5. Select Featured Image for post.
  6. Click On "Publish"
Setup and Display Posts
  1. Go to DashboardAppearanceCustomizeHomepage SettingsBlog Section
  2. Set Section Display using Enable/Disable button.
  3. Set Background Color and Image for section as per need.
  4. Add Title for section with respective color
  5. Select No. of posts to show from dropdown button Number of posts to show or leave it if posts is there.
  6. Select the exclude category if need.
  7. Select all relative colors.
  8. Click On "Publish" Button

Setup and Display Form

  1. Set Section Display using Hide/Show button.
  2. Set Background Color and Image for section as per need.
  3. Set Section Overlay Opacity also set color related with overlay.
  4. Add Contents also set it's display as per need
  5. Copy the shortcode of Created Newsletter Form in dashboard and Add shortcode here
  6. Select all respective colors
  7. Click On "Publish" Button

List of Shortcodes

Use this shortcode in single inner pages to show all list of content

Shortcode list also Included in theme customizer Go To >>  DashboardAppearanceCustomize Appearance SettingsTheme Shortcode List
Team
[EXPERTS]
Services
[OurServices]
Projects
[OurProjects]
Testimonial
[ClientTestimonials]
FAQ
[FAQ]
Gallery
[Gallery]

How to setup shortcode in inner pages

  1. Go to DashboardPagesAdd New
  2. Add Page Title.
  3. Add any Shortcode in page content area [Shortcode]
  4. Click On "Publish"
  5. To Setup Colors of any shortcodeGo ToDashboardAppearanceCustomize Appearance SettingsColors

Blog Template

  1. Go to DashboardPagesAdd New
  2. Add Page Title.
  3. Select Page Template "Blog " From right sided Page Attributes Page Attributes >> Template option.
  4. Click On "Publish"

Contact Us Page

Create Page

  1. Go to DashboardPagesAdd New
  2. Add Page Title >> Page content.
  3. Select Page Template "Contact " From right sided Page Attributes >> Template option.
  4. Click On "Publish"

Setup and Display Contact

  1. Go to DashboardAppearanceCustomizerAppearance SettingsContact Us Page.
  2. Add Contact Page Title.
  3. Add Contact Page Information .
  4. Add Contact Form Shortcode.
  5. Add Map Embed Code.
  6. Select All Colors Related With Contact Page.
  7. Click On "Publish"

Footer

Add Widgets in Footer:
  1. Go to DashboardAppearanceWidgets
  2. Drag & Drop the Widgets type Text, links, posts, social media etc. In Footer Column 1, 2, 3, and 4 as your need
  3. Add Contents in that Widgets
  4. Click On Save Button

Footer Customization

  1. Go to DashboardAppearanceCustomizeAppearance Settings Footer Options
  2. Set Footer area background Color or Image as per need.
  3. Set Section Overlay Opacity with its relavant color.
  4. Add Section content
  5. Add Footer Copyright Text
  6. Click On "Publish" Button

© 2021 All Rights Reserved by The Classic Templates