Documentation

Cctv Security Camera 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 cctv-security-camera-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 cctv-security-camera-pro theme from list
      • Hit on Activate to active cctv-security-camera-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
    • Hide/Show Button
    • Add Button Text
    • Add 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.

    • Show/Hide Page Featured Image
    • 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 Comment Count
    • Show/Hide Date
    • Show/Hide Excerpt
    • Hide/Show Button Display
    • Add Button Label
    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 Author
    • Show/Hide Date
    • Show/Hide Category
    • Show/Hide Comments
    • Show/Hide Tag
    • Show/Hide Excerpt
    • Show/Hide Social Icon
    STYLES
    • Select Colors

    Contact Page

    There are two tabs here. General, Style

    GENERAL
      Visit Section
    • Add FontAwesome Icon
    • Add Card 1 Title
    • Add Card 1 Number
    • Add Card 1 Second Number
    • Add Card 1 Emergency
    • Add FontAwesome Icon
    • Add Card 2 Title
    • Add Card 2 Email
    • Add Card 2 Second Email
    • Add Card 2 Address
    • Add FontAwesome Icon
    • Add Card 3 Title
    • Add Card 3 Location
    • Add Card 3 Timing
    • Add FontAwesome Icon
    • Add Card 4 Title
    • Add Card 4 Timing
    • Add Card 4 Second Timing
    • Add Card 1 Emergency
      Contact Section
    • Add Form Heading
    • Add Form Heading Span
    • Add Form Sub Heading
    • Add Form Shortcode
    • Add Embed Code for map
    • Add Right Section Title
    • Add Right Card 1 Heading
    • Add Right Card 1 Address
    • Add Right Card 1 Number
    • Add Right Card 1 Email
    • Add Right Card 2 Heading
    • Add Right Card 2 Addressl
    • Add Right Card 2 Number
    • Add Right Card 2 Email
    • Add Right Card 3 Heading
    • Add Right Card 3 Addressl
    • Add Right Card 3 Number
    • Add Right Card 3 Email
      FAQs Section
    • Add FAQs Heading
    • Add FAQs Heading Color
    • Add FAQs Sub Heading
      Counter Section
    • Add FontAwesome Icon
    • Add Happy Clients Number
    • Add Happy Clients Text
    • Add FontAwesome Icon
    • Add Years Experience Number
    • Add Years Experience Text
    • Add FontAwesome Icon
    • Add Support Available Number
    • Add Support Available Text
    • Add Counter Heading
    • Add Counter Heading Color
    • Add Counter Heading
    • Add Counter Sub Heading
    • Add Call Button Text
    • Add Call Button Number
    • Add Call Button Text
    • Add Call Button url mail
    STYLES
    • 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

    Single Product Page

    There are two tabs here. General, Style

    STYLES
    • Select Colors

    Single Service Page

    There are two tabs here. General, Style

    GENERAL
    • Add List Heading
    • Add Right Card Heading
    • Add Right Card Description
    • Add Right Card List Text 1
    • Add Right Card List Text 2
    • Add Right Card List Text 3
    • Add Right Card List Text 4
    • Add Right Button Text 1
    • Add Right Button Text 2
    STYLES
    • Select Colors

    Testimonial Page

    There are two tabs here. General, Style

    GENERAL
    • Show Thumbnail Image
    • Show/Hide Expert
    STYLES
    • Select Colors

    Project Page

    There are two tabs here. General, Style

    GENERAL
    • Select Project Image Display
    • Add Button Text
    STYLES
    • Select Colors

    Team Page

    There are two tabs here. General, Style

    GENERAL
    • Show/Hide Social Icon
    STYLES
    • Select Colors

    FAQ Page

    There are two tabs here. General, Style

    GENERAL
    • Add Image Height
    STYLES
    • Select Colors

    Gallery Page

    There are two tabs here. General, Style

    GENERAL
    • Select Gallery Image Height
    STYLES
    • Select Colors

    Services Page

    There are two tabs here. General, Style

    GENERAL
    • Show/Hide Single Service Page Image Display
    • Select Service Image Height
    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

    • Show/Hide ON/OFF
    • Add Add 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 Section Title 1
    • Add Section Title 2
    • Add Section Text
    • Add Copyright
    • Add Link
    • Add Privacy Text
    • Add Link
    • Add Terms Text
    • Add Link
    • Add Cookie Text
    • Add Link
    • Add Legal Text
    STYLES
    • Select Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Content Box Alignment
    • Select Copyright Alignment
    • Select Newsletter Section Colors
    • Select Footer Section 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
    • Add Title
    • Add Text
    • Add Form Shortcode
    STYLES
    • Select Colors
    LAYOUT
    • Select Section Width
    • Add Section Padding

    Services 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 Heading Color
    • Add Section Title
    • Add Section Description
    • Add List Service 1
    • Add List Service 2
    • Add List Service 3
    • Go to Dashboard -> Services -> Add New -> Add Title, Content, List, Button, Feature image
    • Select Number Of Service To Show
    • Select Select A Service
    STYLES
    • Select Section BG Grident Color-1
    • Select Section BG Grident Color-2
    • Select Section BG Grident Color-3
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Heading Alignment
    • Select Services 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 Left Side Main Image
    • Select FontAwesome Icon
    • Add Number
    • Add Text
    • Add Right side Image
    • Add Section Title
    • Add Section Grident Title
    • Add Description 1
    • Add Description 2
    • Add FontAwesome Icon
    • Add Card Counter Number
    • Add Card Title 1 Name
    • Add FontAwesome Icon
    • Add Card 24/7
    • Add Card Title 2 Name
    • Add FontAwesome Icon
    • Add Card Number percent
    • Add Card Title Name
    • Add FontAwesome Icon
    • Add Label Title 1 Name
    • Add FontAwesome Icon
    • Add Label Title 2 Name
    • Add FontAwesome Icon
    • Add Label Title 3 Name
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Block Onload Transition Effects
    • Select Heading Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Why Choose Us

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Add Section Heading Color
    • Add Paragraph Heading
    • Add Sub Point 1
    • Add Sub Point 2
    • Add Sub Point 3
    • Select Number Of Feature To Show Side
    • Add Feature Page
    • Select FontAwesome Icon
    • Add Tags
    • Add Title
    • Add Description
    • Add Active Btn
    • Select FontAwesome Icon
    • Select FontAwesome Icon
    • Select FontAwesome Icon
    STYLES
    • Select Section BG Grident Color-1
    • Select Section BG Grident Color-2
    • Select Section BG Grident Color-3
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Feature Title Case
    • Select Section Head Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    How It Works Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading 1
    • Add Section Heading 2 (grident color)
    • Add Section Heading 3
    • Add Section Sub Heading
    • Add Sub Point 1
    • Add Sub Point 2
    • Add Sub Point 3
    • Select Number Of Steps To Show
    • Add Badge
    • Add FontAwesome Icon
    • Add Title
    • Add Paragraph
    • Add Button
    • Add FontAwesome Icon
    • Add Link
    • Add Bottom Button
    • Add FontAwesome Icon
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Step Title Case
    • Select Section Head 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 Heading Color
    • Add Section Sub heading
    • Add Left side Image
    • Add Image heading
    • Add Image Sub Heading
    • Go to Dashboard -> Testimonials -> Add New -> Add Title, Content, Designation, Company Name, Address, Star Rating, Feature image
    • Select Number of Client to show
    • Select Select A Client Testimonials
    • Add Sub Points 1
    • Add Sub Points 2
    • Add Sub Points 3
    STYLES
    • Select Section BG Grident Color-1
    • Select Section BG Grident Color-2
    • Select Section BG Grident Color-3
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Testimonial Title Case
    • Select Section Heading Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Add Thumbnail Position
    • Add Border Position
    • Add Arrow Position
    • Select Section Width

    Request a Quote

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Form Heading
    • Add Form Heading Color
    • Add Section Text
    • Add Form Title
    • Add Form Text
    • Add Form Shortcode
    • Add FontAwesome Icon
    • Add Section Text
    • Add FontAwesome Icon
    • Add Section Text
    • Add Section Text
    • Add FontAwesome Icon
    • Add Section Text
    • Add Section Text
    • Add FontAwesome Icon
    • Add Section Text
    • Add Section Text
    • Add FontAwesome Icon
    • Add Section Text
    • Add Section Text
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Onload Transition Effects
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Blog Posts & FAQs

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

      Blog Section
    • Show/Hide Disable Section
    • Add Section Heading
    • Add Section Heading Color
    • Add Section Sub Heading
    • Go to Dashboard -> Post -> Add New -> Add Title, Content, Category, Tag, Feature image
    • Select Number Of Posts To Show
    • Check Exclude Category from Blog Posts
    • Add Link
    • Add Button Text
      FAQs Section
    • Add Section Heading
    • Add Section Heading Color
    • Add Section Sub Heading
    • Go to Dashboard -> Post -> Add New -> Add Title, Content
    • Select Number Of Posts To Show
    • Check Exclude Category from Blog Posts
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Section Head Alignment
    • Select Colors
    LAYOUT
    • Set Image Height
    • Set Excerpt Length
    • Add Section Padding
    • Select Section Width

    Ready to Secure Your Property?

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Title
    • Add Section Title Color
    • Add Section Description
    • Add FontAwesome Icon
    • Add Card 1 Text
    • Add Card 1 Number
    • Add FontAwesome Icon
    • Add Card 1 Text
    • Add FontAwesome Icon
    • Add FontAwesome Icon
    • Add Card 3 Text
    • Add Card 3 Email
    • Add Footer list Text 1
    • Add Footer list Text 2
    • Add Footer list Text 3
    STYLES
    • Select Section BG Grident Color-1
    • Select Section BG Grident Color-2
    • Select Section BG Grident Color-3
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Trusted Partners

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Add Section Heading Color
    • Add Section Sub Heading
    • Select Number Of Our Brands To Show
    • Add Link
    • Add Title
    • Add Text
    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

    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 Onload Transition Effects
    • Select Section Heading 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

    • Colors Setting

  • Select Header Text Color
  • Select Background Color
  • Select Theme Primary Color
  • Select Theme Secondary Color

    • Font Setting

  • Select Heading Fonts/Title Fonts
  • Select Body/Text Font
  • Select Other Font

    • Section Sequence

  • Go to Appearence -> Customizer -> Section Sequence

    • Inter change section Sequence name.