Featured Pro

Installing Theme

  • First download theme zip file from member’s area.
  • Login to WordPress dashboard.
  • Then open “Appearance > Themes”.
  • Click on “Add New” button and click on “Upload Theme” button.
  • Then select zip file of theme.
  • After that activate theme.

2-7-2015 11-52-18 AM

Home Page Display Setting

  • Follow the instruction to show your Homepage sections.Click here.

Demo Import


Note – “This video showing onelinepro template import process, But same will work for all ThemeHunk themes.”

  • For more information follow this link.

Adding Scrolling Menu

To get scrolling menu please follow these steps.

  • Go to “Appearance > Menus” and create a new custom menu
  • Add new link from “links” tab.
  • Here you need to add section id in “URL” field.
  • Please check id for all section, you can use them

Home  =  #header

Ribbon = #ribbon

Services  =  #multifeature

About us = #about

Bottom Ribbon = #bottom-ribbon

Team  =  #team

Woocommerce = #woocommerce

Testimonial  =  #testimonials

Brand = #brand

Portfolio = #portfolio

Skill = #skill

Fact Counter = #counter

Instagram = #instagram

News  =  #news

Price = #price

NewsLetter = #newsletter

Contact = #contact

Now select “Front Menu” as a Theme Location for your Section Menus
2016-01-23_1724

  • If you want to create menu that only shows on internal pages not on home page then create a custom menu and select them as a “Main Menu” as a Theme locations from Menu Settings.

2016-01-23_1738

Section Ordering

  • For Section Settings like Section On/Off and Section Ordering. Go to Appearance > Customize > Section Setting > Section Ordering.
  • Section Ordering – Here You can change the Order your section by just dragging & dropping the section ( Exchanging their Positions )

featured pro Section ordering

Section On/Off

  • For Section Settings like Section On/Off and Section Ordering. Go to Appearance > Customize > Section Setting > Section On/Off.
  • Section On/Off – Here You can On or Off your section by just checking the box.

section on off featured pro

General Setting

  • To add site information like site title, tagline, logo and site icon go to “Appearance > Customize > General setting“.
  • You can display either site title / tagline or Logo image.
  • Upload your logo and site icon by clicking “Select Image” button.

headersetting

Theme Option

To add theme options go to “Appearance > Customize > Theme options”. In theme options you get multiple options to change the whole styling of your site.

Global setting

This setting allows you to disable fixed header, animation effect and site loader on your site. You can hide back to top button.
global setting featured

Site color

  • Go to “Appearance > Customize > Theme options > Site Color”.
  • In this setting you can give color to every element present on your site.

site color featured

Header Setting

    • Go to “Appearance > Customize > Theme options > Header Setting”.
    • In header setting you can add header as fixed or normal. If you set your header as a fixed header while scrolling the site your header will scroll along with it and if you set normal, your header will stick on the top of your site or do not scroll.

header settng featured

  • You also can set the header layout and if you want transparent header just check the box (this will be applied for front page template only). You can show your last added menu as a custom menu button. You can set the background color and also give color to each element.

Page Layout Setting

    • Go to “Appearance > Customize > Theme options > Page Layout Setting”.
    • This setting allows you to set the page layout in all the templates of your site.

page layout featured

Advanced Typography

  • For adding typography go to “Appearance > Customize > Typography”. Here multiple font families are available.

typography featured theme

  • You can add typography in every title present on your site.

title typography featured theme

  • In typography select the font subsets, Body font, anchor text and heading h1 to h6. Change the Font size, Line height and letter spacing.

typography content featured theme

  • Add typography in Menus too.

menu typography featured theme

Background Setting

  • To add background image , background video and background slider for your website open your dashboard.
  • Go to “Appearance > Customize > Background Option“.
  • To activate video background as a site background. Check “Video Background Active” option. And to activate image as a site background check “Image Background Active” option. You can select anyone at a time.

background-setting2

  • To upload video click “Select File” button and also you can upload an image as a video replacement. This image will appear while the video is loading.
  • Whenever you select video than also you can choose video thumbnail image.
  • To add slider background on your site choose “background slider”option and upload images . Maximum six slider image can be added and you can manage slider speed also.

vedio-bac

Main header Section

  • To add header go to “Appearance > Customize > Header section”. Here you can add three column in your site with font awesome icon, title, description with color to each element.

main header featured
first column featured

  • In heading option you can add heading, sub-heading, button style and color to each element.

header opt featured

  • You can Pick color for Icon, Title, Description, Background and Background hover color in each icon.
  • In Lead form setting will allow you to add contact form. You can select whether you want to show contact form in header or three feature column. In lead form setting you can give color to each element.

leadform setting featured

Ribbon Section

  • To add Ribbon, go to “Appearance > Customize > Ribbon section
  • Two ribbon sections are given. Here you can change section background color or set color overlay transparency by decreasing or increasing the transparency, button color, button hover color, Title, button text and button link Respectively.

ribbon section featured
first ribbon featured

Service section

  • Go to “Appearance > Customize > Service section

service section featured

  • To add main heading and its sub-heading go to “Heading and Sub Heading” option put your content respectively. You can add background color or set color overlay by decreasing or increasing the transparency.

services setting featured
color transparency

  • This section is fully widgetize with multiple styling option to each element.
  • To add feature column, choose multi feature column widget by clicking on add widget button.service widget featured

About us Section

  • In this section you can add about us title, description and image upload. Go to “Appearance > Customize > About us section
  • Select your about us image by clicking on “Select Image” button.
  • You can also change background color or set color overlay by decreasing or increasing the transparency and text color clicking on select color option

about us section featured

Team Section

  • To add team section and its main-heading and sub-heading ,just Go to “Appearance > Customize > team section

team section featured

  • To add main heading and its sub-heading go to “Heading & Subheading” option put your content respectively. You can also select “Team Color Option” to change section background color or set color overlay by decreasing or increasing the transparency.

team setting featured

  • Choose Team widget by clicking on add widget button.
  • Than after you can add member name, member images, designation, description and social icon respectively
  • You can add social icon to use font awesome icons (https://fortawesome.github.io/Font-Awesome/icons/).Just add icon name(like : fa-camera-retro for camera icon)

team widget featured

Recent Post

  • To show Recent post at home page go to “Appearance > Customize > Recent post section” and give its heading and sub-heading.
  • To select feature post category and number of post slides can be shown.recent post featured

Testimonial Section

  • Go to “Appearance > Customize > Testimonial section

testimonial section featured

  • In settings you can put heading, sub heading and give them desired color. You can also add background color or section overlay color by decreasing or increasing the transparency .

testimonial setting featured

  • Choose testimonial widget by clicking on add widget button. Here you can add unlimited testimonial widget with author image, description, title and link

testimonial widget featured

Price Section

  • Go to “Appearance > Customize > our Price section

price section featured

  • To add main heading and its sub-heading go to “Heading and Subheading” option put your content respectively.You can add background color or overlay color by decreasing or increasing the transparency and color to other elements too.

price setting featured

  • To add pricing table Go to “Home page Price widget” option and choose Price widget by clicking on add widget button.

price widget featured

WooCommerce Section

  • In Woo-Commerce section you can add section heading and sub-heading. You can also put shortcode for your product from “Appearance > Customize > Woo-Commerce Settings”. You can also change the color of Heading and sub-heading.
  • You can set the background color or overlay section color by decreasing or increasing the transparency.
  • In Shortcodes Text area add below shortcodes respectively –
  • To Show Featured Products – [featured_products]
  • To Show Sale Products -[sale_products]
  • To Show Best Selling Products – [best_selling_products]
  • To Show Recent Products – [recent_products]
  • To know how to create Shop pageCart page, Checkout page & My account page with their shortcodes. Go to this doc

woo section featured

Portfolio Section

  • To add portfolio go to the Dashboard > Portfolio Gallery > Add New. Set your portfolio with featured image. The Featured images which you will upload in each portfolio will display at the home page.

Portfolio section Featured

  • Now navigate to Customize > Portfolio section. Just put the number of portfolio images you want to show and category too.

portfolio section featured

  • You can set the background color or set overlay color by decreasing or increasing the transparency. You can also give color to each element.

portfolio setting featured

Brand Section

  • To add Brand section, go to Appearance > Customize > Brand Section.
  • Number of Brand to Show – Here you can set the no. of brands you want to showcase in your site.
  • Autoplay On/Off – You can On/Off the Autoplay of Brand slider.
  • Slider Speed – Here set the slider speed in Milliseconds.
  • Brand Background Color – Pick desired color for your Brand section Background.

brand section featured

  • You can display Brands by suing Brand Widget. For this Navigate to Add brand Widget > Add a widget > Choose Featured Brand widget.
  • Now Upload Brand image, Add Brand Name and Link.
  • You can add Unlimited Brands in your site.

brand widget featured

Skill Section

  • In skill section you add background color or set the color overlay color by increasing or decreasing the transparency.

skill section featured

  • Add skill widget, here you can add skill title and the percentage you want to show. You can also set the bar and title color.

skill widget featured

Custom Section

  • To add custom section, Go to Appearance > Customize > First Custom Section & Second Custom Section.
  • There are Two Custom sections in our theme. First custom section and Second custom section.
  • You can unlimited new sections in your site by using custom section widget.
  • You can add Section Id, Heading, Sub Heading, Background option and color option Respectively. You can add any thing in custom text area field or any shortcode you can add in it.

custom featured

Fact counter Section

  • To add Fact Counter Section, Go to Appearance > Customize > Fact Counter Section. 
  • In fact counter section setting you can add heading and color. You can also set the background color or set overlay color by increasing or decreasing the transparency.

fact counter featured

  • Select the fact counter widget, here you can add title, icon, set the minimum and maximum value with the delay speed (in seconds). You can give color to each element too.

fact widget featured

News letter Section

  • To add News Letter Section, Go to Appearance > Customize > News letter section. 
  • In news letter section , first download the lead form generator plugin after that create a contact form and add the shortcode.
  • You can add background color or overlay color by increasing or decreasing the transparency and give color to each element.

news featured

Instagram Section

  • Go to Dashboard > Plugin > Add new > Instagram Feed .
  • 1. Navigate to Configure
  • 2. Click on the button Log in and get your access token from here with User ID. (You have to login in your Instagram account for getting the token and User Id)
  • 3. After login the Access Token and user Id will automatically appeared in the text area.
  • 4. Put this User Id and save your changes.
  • 5. You can customize the Instagram section, multiple customization options are there in the customize panel of plugin.

Instagram Feed featured doc

  • Now navigate to Appearance > Customize panel > Instagram section.
  • For displaying the feed copy and paste the [instagram-feed].
  • You can add title, description, button text, Username, the number of post you want to show. You can also set the color to all elements
  • You can add background color or overlay color by increasing or decreasing the transparency.

instagram section featured theme

Contact Us Section

  • To add background image of contact form, Heading and Sub-Heading please go to “Appearance > Customize > Contact Form Settings
  • To add contact form, install our plugin Lead From Builder. Contact form will be visible when you activate this plugin. After that you can edit existing form or create new one from the plugin settings.

Additional CSS Section

  • To add additional CSS go to “Appearance > Customize > Additional CSS and simply put your CSS here.

oneline css img

  • Thanks for reading our documentation, still you need any help related to theme you can contact our support forum.