Documentation

Automotive Mechanic 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 automotive-mechanic-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 automotive-mechanic-pro theme from list
      • Hit on Activate to active automotive-mechanic-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

      • For set up Menga Menu Go to Dashboard >> Appearence >> Menus >> Click on "screen option" >> Check "CSS Classes" >> Add "mega-menu-item" class into parent menu class.

    • Set Section Width
    • Add Phone Number
    • Add Email Address
    • Add Address
    • Add Social Links
    • Show/hide User Icon
    • Add Header Button Text
    • Add Header Button Link
    STYLES
    • Select Header Image Opacity
    • Select Search Icon Position
    • Select Header Bottom BG Image
    • Select 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
    • SelectFont 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:

    Go to Dashboard >> Appearance >> Customize >> General Setting >> Pages

    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
    • Add Bullet Icon
    LAYOUT
    • Select Left / Right and No Sidebar
    • Select Page Width
    STYLES
    • Select Image Opacity
    • Select Header Box Transition Effects
    • Select Colors

    Blog Pages

    There are Three tabs here. General, Layout and style

    GENERAL
    • Set Feature Image Height
    • Show/Hide View
    • Show/Hide Date
    • Show/Hide Comment Count
    • Show/Hide Excerpt
    LAYOUT
    • Select Left / Right and No Sidebar
    • Set Excerpt Length
    • Select Width
    STYLES
    • Select Colors
    • Select Onload Transition Effects

    Single Post

    There are two tabs here. General, Style

    GENERAL
    • Show/Hide Featured 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
    STYLES
    • Select Colors

    Shop Page

    There are two tabs here. General, Style

    GENERAL
    • Select Left / Right And No Sidebar
    • Add Product Title Font Size
    STYLES
    • Select Colors

    Single Product Page

    There are one tabs here. Style

    STYLES
    • Select Colors

    Contact Page

    There are two tabs here. General, Style

    GENERAL
    • Add Address And It's Lable
    • Add Phone Number And It's Lable
    • Add Email And It's Lable
    • Add Heading
    • Add Text
    • Show/Hide Button
    • Add Button Text & Link
    • Add Form Heading
    • Add Form Sub Heading
    • Add Form Shortcode
    • Add Embed Code for map
    • Add Map Heading
    STYLES
    • Select Onload Transition Effects
    • Select Colors

    Testimonials Page

    Go to Dashboard >> Testimonials >> Add Testimonials.

    There are two tabs here in customizer General, Style

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

    Team Page

    Go to Dashboard >> Team >> Add Team.

    There are two tabs here in customizer General, Style

    GENERAL
    • Select Feature Image Height
    • Hide/Show Social Icon
    STYLES
    • Select Colors

    FAQ Page

    Go to Dashboard >> FAQ >> Add FAQ.

    There are One tabs here in customizer General, Style

    GENERAL
    • Show/Hide Button
    • Add Button Text & Link
    STYLES
    • Select Colors

    Gallery Page

    Go to Dashboard >> Gallery >> Add Gallery.

    There are two tabs here in customizer General, Style

    GENERAL
    • Select Gallery Image Height
    STYLES
    • Select Colors

    Services Page

    Go to Dashboard >> Services >> Add Services.

    There are two tabs here in customizer General, Style

    GENERAL
    • Show / Hide Single Service Page Image
    • Select Services Image Height
    • Add Single Service Bullet Icon
    • Add Services Sidebar Menu Icons with Service menu ID

      • For select service menu ID Go to Dashboard >> Appearence >> Menus >> Services menu >> Hover on menu and get it's Id

    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
    • Select Back to Top Icon Color

    Font Setting

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

    • Add Font size
    • Select Color
    • Select Font Weight

    Breadcrumb options

    • Show/Hide Breadcrumb
    • Add Home Text Here:
    • Select Colors

    Footer Setting

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Add Copyright
    • Add Bullet Icon
    STYLES
    • Select Background Color
    • Select Background Image
    • Select Background Opacity
    • Select Onload Transition Effects
    • Select Content Box Alignment
    • Select Copyright 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

    For Add Slider Details

    • Go to Dashboard >> Slider >> Add New Slider >> Add Title, Content, Image >> Publish

      • You may follow below functionality for Customizer Detail

    • Go to Appearence -> Customizer -> Home Section
    • Show/Hide Title and description on Slider
    • Show/Hide Form
    • Add Form Sub Heading
    • Add Form Heading
    • Add Form Shortcode
    STYLES
    • Select Colors
    • Select Onload Transition Effects
    • Select Overlay Opacity
    LAYOUT
    • Select Section Width
    • Add Section Padding
    • Add Form Top Position

    Call Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Title
    • Show/Hide Button Display
    • Add Button Text
    • Add Button Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Onload Transition Effects
    • Select Heading Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    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 Sub Heading
    • Select Number Of Services
    • Select Services
    • Show/Hide Button
    • Add Button Text and Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Heading Alignment
    • Select Service Title Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width
    • Select Image Height

    About Us Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Select Number of Slider
    • Select Slide Image
    • Add Phone Number Label
    • Add Add Phone Number
    • Add Section Sub Title
    • Add Section Title
    • Select Number Of About Feature
    • Select Icon
    • Add Title
    • Add Section Description
    • Add Bullet Icon
    • Add Bullet Points
    • Show/Hide Button Display
    • Add Button Text
    • Add Button Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Onload Transition Effects
    • Select Heading Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Feature Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Select Number Of Features
    • Select Features Icon
    • Select BG Image
    • Add Title
    • Add Section Heading
    • Add Section Sub Heading
    • Add Section Text
    • Show/Hide Button Display
    • Add Button Text
    • Add Button Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Heading Alignment
    • Select Feature Title Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Process 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 Process
    • Select Image
    • Add Link
    • Add Number
    • Add Number Label
    • Add Title
    • Show/Hide Button Display
    • Add Button Text
    • Add Button Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Section Heading Alignment
    • Select Step Title Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Why Choose Us Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Select Image
    • Add Section Sub Title
    • Add Section Title
    • Add Section Description
    • Select Number Of WCU Feature
    • Select Icon
    • Add Title
    • Add Description
    • Show/Hide Button Display
    • Add Button Text
    • Add Button Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Show/Hide Section Right Shadow
    • Select Onload Transition Effects
    • Select Heading Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Image Bottom Trangle Position
    • Select Section Width

    Contact Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Address
    • Add Phone Number
    • Add Email
    • Add Time
    • Add Title
    • Add Text
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Select Left Box BG Image
    • Select Right Box BG Image
    • Set Background Opacity
    • Select Onload Transition Effects
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Testimonials FAQ Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Complete Section
    • Show/Hide Disable Testimonial Section
    • Add Section Heading
    • Add Section Sub Heading
    • Go to Dashboard -> Testimonials -> Add New -> Add Title, Content, Designation, Feature image
    • Select Select A Client Testimonials
    • Show/Hide Disable FAQ Section
    • Add Section Heading
    • Add Section Sub Heading
    • Select Number of FAQ
    • Show/Hide Button Display
    • Add Button Text
    • Add Button Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Show / Hide Section Left BG Color
    • Select Section Onload Transition Effects
    • Select Testimonial Title Case
    • Select Section Heading Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Blog 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 -> Post -> Add New -> Add Title, Content, Category, Tag, Feature image
    • 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 Onload Transition Effects
    • Select Section Heading Alignment
    • Select Colors
    LAYOUT
    • Set Excerpt Length
    • 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 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 a page to 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
  • Select Other Font

    • Section Sequence

  • Go to Appearence -> Customizer -> Section Sequence

    • Inter change section Sequence name.