Fontech WordPress Theme Documentation




Frontech is Child-Theme of Kyma. Frontech is Responsive Multi-Purpose CSS3 Theme. Frontech is a great design idea for website of Creative Corporate, Corporation, Company Profile, Personal Portfolio, and more … Create Outstanding Website or Blog in Minutes!. Awesome Design, Unique Concepts, Scalable Responsive, Amazing flexibility, 3 color scheme, Transparent header & Many More Features…

List of Contents

  1. Theme Installation
  2. Recommended Plugins
  3. Theme Styling
    1. Site Layout
    2. Theme Color Schema
    3. Footer Layout & Copyright Text
  4. Top Bar & Header Setup
    1. Top Bar Option
    2. Site Title, Logo and Contact Info Popup
    3. Header Option
    4. Typography Options
  5. Homepage Setup
    1. Home Slider
    2. Home Services
    3. Portfolio Options
    4. Extra Section
    5. Home Post/Blog
    6. Callout Option
    7. Home Page Reorder Section
  6. FAQ
    1. How to create menu/primary menu

1. Theme Installation

There are 3 methods to install the free WordPress theme on your server like by wordpress search, using cPanel and using FTP

Using WordPress Search

  1. Go to Admin Dashboard >> Themes and on the themes page click to ‘Add New’ button on top
  2. Search for ‘Frontech’
  3. From the search result click Install Now button of ‘Frontech’
  4. Then click Activate theme button
  5. Now Theme is Activated

Note :- Some time this not work because of wordpress default execution time is 30 sec. and if your package size is big or have slow internet connect you getting execution time exceeded error. In that cause you can try other two option.

If first method doesn’t work for you can try other two method. To know more about How to update wordpress theme on your server please follow link.

After activate theme, go to Admin Dashboard >> Appearance >> Install Plugins. On this page you can see recommended plugins list, install and activate plugins.

3. Theme Styling

3.1 Site Layout

You can change site layout to box with or full width using these options and you can set background image or color if you are using box layout.

Go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Site Layout & Background.

  1. Background Image : Use this option to set background image when your are using box layout.
  2. Background Color :   Use this option to set background color when your are using box layout .
  3. Site Layout : Use this option to change site layout to full width or boxed width.
Site Layout Setting
Site Layout Setting

3.2 Theme Color Schema

From here you can change theme’s color and can enable/disable home page.

Go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Home page/color scheme.

  1. Color Scheme : Theme come with 3 color schema. You can select any of them. Upgrade to pro for unlimited custom theme’s color.
  2. Show Home Page : By default this option is set to on. If you do not want home page turn this off.
  1. Footer layout : Theme come with 3 color schema. You can select any of them. Upgrade to pro for unlimited custom theme’s color.
  2. Footer bg color : By default this option is set to on. If you do not want home page turn this off.
  3. Back to top bg color : By default this option is set to on. If you do not want home page turn this off.
  4. Copyright text : By default this option is set to on. If you do not want home page turn this off.
  5. Developed by text : By default this option is set to on. If you do not want home page turn this off.
  6. Link Text : By default this option is set to on. If you do not want home page turn this off.
  7. Developed by link : By default this option is set to on. If you do not want home page turn this off.

4.0 Top Bar & Header Setup

4.1 Top Bar Options

In the top bar you can display your contact info and your social link which you can customize from their.

Go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Top Bar Options.

  1. Top Bar Background Color Customize the background color of top bar.
  2. Top Bar Font Color :  Customize the text color of top bar.
  3. Header Contact Info : Use this option to show/hide contact info in top bar.
  4. Contact Email Address : Enter the email address.
  5. Phone Number :  Enter the phone number.
  6. Enable Social Links :  Use this option to show/hide social icon in top bar .
  7. Facebook Profile URL :  Enter your/company facebook Profile/page URL.

4.2 Site Title, Logo and Contact Info Popup

Use these option to customize your site title or logo and also enable popup banner on logo hover where you can display more info about your company.

Go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Site Logo/Title/Tagline.

  1. Logo Add you Company Logo here.
  2. Site Title : You can enter your Company Name here.
  3. Tagline :  Enter your Company Tagline here.
  4. Display Site Title and Tagline : If this option is checked that you can able to show logo with site url and tagline otherwise logo priority is high and only logo will display. If logo is not set that site title and tagline will display.
  5. Logo Tap Spacing : Customize your logo spacing using this option
  6. Logo Popup Enable : Enable your logo Popup Banner using this option.
  7. Company Description : Enter your company short description that will show in popup banner.
  8. Company Address : Enter your company address that will show in popup banner.
  9. Company Map URL : You can enter your company map url which link will be show in popup banner.
  10. Site Icon : You can use your company site icon using this option.

4.3 Header Option

Customize your header section from here

Go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Header Options.

  1. Current Header : Use this option to set background image on header.
  2. Header Background Color : If you didn’t want background image on header you can use background color using this option.
  3. Header Text Color :  Change the text color using this option.
  4. Navigation Bg Color : Change menu button background color using this option.
  5. Fixed Header : Enable this option for Fixed Header and disable this for Static Header

4.4 Typography Section

Here you can change Font Style of your site.

Go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Typography Section.

5.0 Homepage Setup

5.1 Home Slider

First Go to Admin dashboard >> Pages >> Add New and create pages with title, description and featured images

  1. Page Title : Page title work as slider title.
  2. Page Description :  Page description work as slider tagline.
  3. Featured Image : Featured image work as slider image.

Now go to Admin Dashboard >> Appearance >> Customize >> Home Sections >> Slider Options. Enable Home slider and select the pages you recently created in Select Page to be Shown in Slider option. Save the changes.

  1. Enable Home Slider : Use this option to enable home slider.
  2. Select Pages to be Shown in Slider : You need to select pages that you created for slider. You can max select 3 pages for slider. For more and many other features your need to upgrade to pro version
  3. Number of Words in Description :  Number of words to be shown in slider description/subtitle .
  4. Slider Effect : Set the slider effect from here.
  5. Slider Title Background Color : Customize the background color of slider title by color picker control.
  6. Slider Subtitle Background Color : Customize the background color of slider subtitle by color picker control.
  7. Slider Button Text : Customize the Text of slider button.

Note :– In frontech theme you can add three slides for each you need to create a page. Upgrade to pro to add more slide and features.

5.2 Home Service

Go to Admin Dashboard >> Appearance >> Customize >> Home Sections >> Service Options

  1. Home Service Heading : Set the home service section main title.
  2. Home Service Column : This is the column layout for service section.
  3. Service Icon: Select Icon for service.
  4. Service Title: Enter Title for service.
  5. Service Description:  Enter Description for service.
  6. Service Link:  This is external link for service.

5.3 Home Portfolio

Go to Admin Dashboard >> Appearance >> Customize >> Home Sections >> Portfolio Options

  1. Home Portfolio Title : Set the home portfolio section main title.
  2. Portfolio Image : Select Image for portfolio.
  3. Portfolio Title: Enter Title for portfolio.
  4. Portfolio Link:  This is external link for portfolio .

5.4 Extra Section

Go to Admin Dashboard >> Appearance >> Customize >> Home Sections >> Extra Content Options.

  1. Extra Content Title : Set the home Entra section main title.
  2. Extra Content : Use this section to display shortcode or html.

5.5 Blog Options

Go to Admin Dashboard >> Appearance >> Customize >> Home Sections >> Blog Options.

  1. Home Blog Title : Customize the Title of home blog section.
  2. Blog List Layout : Select the blog page layout. 3 styles are given which are left sidebar, right sidebar or full width. You can select any of them.
  3. Single Post Layout : Select the page layout for the single post view.
  4. Blog Load More Posts : Select the number of post to be shown on home page with load more post button.
  5. Category : Select the specific category of blog to be shown on home page.
  6. About Author Title : Enter the title for About Author section on single page view.
  7. Related Post Title : Enter the title for Related Post on single page view.

5.6 Callout Options

  1. Background Color : Customize the Background Color of Call To Action Section.
  2. Call to Action Title : Enter the Title of Call To Action Section.
  3. Call To Action Description : Enter the Description of Call To Action Section.
  4. Call To Action Button Icon : Select the Font Awesome Icon of Call To Action Section.
  5. Call To Action Button Text : Enter the Button Text of Call To Action.
  6. Call To Action Button URL : Enter the Link URL that will open when the button click.

5.7 Home Page Reorder Sections

Customize of the ordering of home section by drag & drop them or can also enable/disable the section by simply click on eye icon.



6.0 FAQ

5.1 How to create primary menu or menu

You can create menu by go to Admin Dashboard >> Appearance >> Menus. You know more about it click here.


Share this post:


Leave a Reply

Your email address will not be published. Required fields are marked *