Oneline Lite Theme

Installing the Theme

Note – For enabling home page sections (slider, services, testimonial, team, ribbon section, latest post, unlimited color option ) in our theme, download the ThemeHunk customizer plugin.

  • First download the theme oneline lite
  • Login to WordPress dashboard.
  • Go to Appearance > Theme.
  • Click on “Add new” button and then click on “Upload theme” button. Here upload theme zip file.
  • Activate the theme.

Installing the Plugin

  • Download the plugin ThemeHunk customizer
  • Go to Dashboard > plugin, click on “Add New” button and then “Upload Plugin”.
  • Select the zip file of the plugin ThemeHunk customizer and activate the plugin.
  • After activating the plugin all unlimited customize options will be active in customize panel.

Setup Home page

  • Go to Dashboard > Pages > Add new. Enter a page title,choose template (Home page layout) and publish.

setup homeapge

  • After that go to the Settings > Reading and set that newly created page as a Front page.

reading settings

Import Demo Data

  • Go to your WP dashboard. Navigate to Appearance > Get started with Oneline Lite. Here you will see a option ” Import Demo Content”. Click on Activate Importer plugin. This will activate One click demo Import plugin.

demo import oneline lite

  • Before importing demo make sure ThemeHunk customizer & other recommended plugins are installed in your dashboard.
  • Go to Appearance, Click on “Import Demo Data“.
  • Click on the button “Import demo data“. Wait for few minutes Your demo will import successfully.

one click demo import oneline lite

General Setting

  • Add the site information like a logo, site title, tagline for site. Go to Appearance > Customize > General setting.
  • Select logo and site icon by clicking on “Select Image” button.

oneline gen img

Global Setting

Go to Appearance > Customize > Theme options > Global Setting. It allows you to set the site layout in all the templates.

  • Disable Fixed Header – Check this option, it will enable the normal header and your fixed header will be disable. ( Fixed header will be scroll with your site and Normal header will be stick on the top.)
  • Disable animation effect – Check this option, it will disable the animation effect from your site and vice-versa.
  • Hide back to top button – If you don’t want the back to top button in your site, just check the box. It will be disable.
  • Disable SVG effect – Our theme has a unique SVG effect but you don’t want to show your section with this effect. Just check the box and disable it from whole site.
  • Disable Parallax effect – You can disable or enable the parallax effect from whole site by checking the box.
  • You can choose the sidebar alignment right or left for your Inner pages. If you don’t want to show sidebar choose No sidebar.

global setting onelinelite

Site Colors

Go to Appearance > Customize > Theme options > Site Color. Pick the theme color, footer and copyright background color.
site color onelinelite

Header Setting

  • Header Layout Option – You can set the layout of your header. In default menu option, Menu will be in right side and logo or site title, tagline will be in left side. In Center Menu option, Menu and logo or site title, tagline will be in center. Last layout is Split Menu, In this layout logo or site tile, tagline will be in center and menu will split in left side and right side.
  • Header Transparent – You can enable transparent header in your site by checking the box and vice-versa.
  • Header Visibility – By checking the box your header will be invisible from front page but it will be shown in inner pages.
  • Custom Button – It will show last added menu item as a custom button.
  • You can pick color for each element.

header setting onelinelite

Section On/Off

  • You can enable or disable any desired section you don’t want to show in your site.
  • Go to Appearance > Customize > Section On/Off. It allow to you to hide any section from site.

section on off onelinelite

Complete Video Guide

The below video is a complete guide on how to use Sections in Oneline Lite.
Table of Content

  • Slider Section = 0:18
  • Service Section = 2:41
  • Ribbon Section = 5:48
  • Team Section = 7:40
  • Testimonial Section = 9:30
  • Latest Post Section = 10:46
  • WooCommerce Section = 11:40
  • Contact Us Section = 12:15

Slider Section

  • To add slider on home page you need to go to Appearance > Customize > Slider Section.
  • Three slider options are there, Here you can upload the image, put the slider name and link for heading & button.

slider setting onelinelite

  • Slider Setting – You can set the slider speed (For example 3000 equals to 3 second). Choose different button style. If you want to set the overlay color for image just increase or decrease the transparency.

slider onelinelite

Service Section

  • Just go to Appearance > Customize > Service Section.
  • Setting – You can add main heading & sub heading. Pick color for background and text.service section onelinelite
  • Service widget – For adding unlimited service widget Navigate to Service widget > click on Add a widget. Choose ThemeHunk: Service widget.
  • You can show service icon ( you can get service icons from font awesome icon, just go with font awesome icons and copy the class of icon and paste it ), Add Service Heading, Service Heading Link and Description.service widget onelinelite

Ribbon Section

  • To Customize Ribbon section go to Appearance > Customize > Ribbon section.
  • Setting – Add main heading, button text and button link. To set the background image overlay. Just pick the desired color increase or decrease the transparency from the color bar.

overlay color ribbon oneline lite

  • If you want to show a background image in ribbon section, upload it in Image.

ribbon section onelinelite

Team Section

  • For team section, Go to Appearance > Customize > team section > Setting
  • Setting – Add Team section main-heading and sub-heading. Pick color for background, heading and sub-heading.

team section onelinelite

  • For Team widgets navigate to Team Widget > Add a widget. Choose ThemeHunk: Team widgets and show your team.
  • You can add unlimited team members in the team section with their image,title,designation and social links.team widget onelinelite

Testimonial Section

  • To add testimonial on your site. Go to “Testimonial section” and choose add testimonial widget > ThemeHunk: Testimonial widget.
  • Here you can add author image, author name, testimonial text, website url and link. You can add unlimited testimonial in ittestimonial widget onelinelite
  • You can also pick color for each element.

testimonial section onelinelite

Latest Post Section

  • First create post. For this go to Dashboard > Post > Add new.
  • Now navigate to Appearance > Customize > Latest Post section > Setting.
  • Put main-heading and sub-heading. Add the number of post you want to show and also pick desired color for each element.

latest post onelinelite

WooCommerce Section

  • Go to Appearance > Customize > Woo-Commerce Section.
  • In WooCommerce section you can add heading, subheading with their desired color. To show the WooCommerce products on your site just put the shortcode in the text area.
  • 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 docwoo section onelinelite

Contact us Section

  • Using this section you can show a Contact form on your site to make the visitor contact you easily.
  • Go to Appearance > Customize > Contact Us Section > Settings
  • Setting – Add the heading, sub- heading text. To show contact form, Download Lead form builder plugin. & activate it on your dashboard. Create a contact form. Put the shortcode of that form in the text area.
  • For creating contact form. follow this Doc.

oneline contact img

  • Pick color for each element.

contact us color onelinelite 1

Page builder Templates

  • Go to Dashboard > Pages. Add new page then select the template from page attribute.

page builder template oneline lite

  • Create multiple pages using any page builder plugin on site. Just install any page builder plugin (Like: SiteOrigin, Elementor, Visual Composer, Beaver Builder and many more) from WordPress and enjoy creating multiple pages on your site.

How to add header background image in Inner pages ?

  • To show header background image in your Inner pages. Go to Dashboard > Page > Add New > create a page here.
  • After creating a page scroll the editor in the right hand side you’ll see a Featured image box option. Click on Set featured image and upload an image.
  • Publish the page. In this way you can add header background image on each page.

background image oneline lite doc

  • You’ll get WooCommerce Pages setting in our Pro Theme.
  • And if you want to show images in WooCommerce product pages. Follow this Doc.

Additional CSS

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

oneline css img

For more information you can contact our support team at support forum.