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.
After that go to the Settings > Reading and set that newly created page as a Front page.
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.
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.
Add Scrolling Menu
To get scrolling menu please follow these steps:-
Go to Appearance > Menus and create a new custom menu.
Add a 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 = #page-top
Services = #services
Ribbon = #ribbon
Team = #team
Testimonial = #testimonials
Woocommerce = #woo-section
Latest Post = #latest-post
Contact Us = #contact
Now select “Front Menu” as a Theme Location for Section Menus.
If you want to create a menu that only shows on internal pages, not on the home page then create a custom menu and select them as a “Main Menu” as a Theme locations from Menu Settings.
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.
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.
Go to Appearance > Customize > Theme options > Site Color. Pick the theme color, footer and copyright background color.
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.
Footer Social icon
It will show social icons in the site Footer. Just add the social profile links.
Footer text – You can add footer text here.
Body background color and image – Here you can add the background pick the color and image in the body templates.
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.
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
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 – 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.
Just go to Appearance > Customize > Service Section.
Setting – You can add main heading & sub heading. Pick color for background and text.
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.
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.
If you want to show a background image in ribbon section, upload it in Image.
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.
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.
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 it
You can also pick color for each element.
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.
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 page, Cart page, Checkout page & My account page with their shortcodes. Go to this doc
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.
Go to Dashboard > Pages. Add new page then select the template from page attribute.
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.
You’ll get WooCommerce Pages setting in our Pro Theme.
And if you want to show images in WooCommerce product pages. Follow this Doc.
To add additional CSS go to Appearance > Customize > Additional CSS and simply put your CSS here.
For more information you can contact our support team at support forum.