Oneline 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 for showing Homepage sections.Click here.

Import Demo Data

  • Check this video to import templates.

  • For more information follow this link.

General Setting

  • To Add site information like Site title ,Tag line , Logo upload and Site icon for website open your dashboard.Go to “Appearance > Customize > General setting
  • Select logo and site icon by clicking on “Select Image” button.
  • You can also Add the typography in your site title and tag line.

general setting oneline theme

Theme Option

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

Global setting

  • Go to Appearance > Customize > Theme options > Global Settings. 
  • Disable fixed header – When you click on this option your header will be fixed on the top, it will not move while scrolling.
  • Animation effect – Animation effect will be disable from your homepage sections.
  • Site loader – It will disable the site loading icon. It will automatically load.
  • Hide back to top button – This “Back to top” button allows users to smoothly scroll back to the top of the page. If you click on this option your button will be disable.global setting featured

Site Color

  • Go to Appearance > Customize > Theme options > Site Color. 
  • Pick color for each element.

site color featured

Header Setting

  • Go to Appearance > Customize > Theme options > Header Setting. 
  • There are three Header Layout Option Menu setting in which you can set menu as Default, Center Menu and Split Menu. In Default your menu will be shown in right side and Logo or Site title left side. In center menu option, your menu will be shown center aligned below the logo or site title. And in Split menu Logo or site title will be center aligned and menus are distributed left and right side. You can also enable the Logo overlap to below section option in split menu.
  • Add header as fixed or normal. If you set header as a fixed header while scrolling the site, header will scroll along with it and if you set normal, header will stuck on the top of site.
  • If you want transparent header just check the box (this will be applied for front page template only). Show last added menu as a custom menu button. Set the background color and also pick color for each element.header settng featured

Page layout Setting

  • Go to Appearance > Customize > Theme options > Page Layout Setting. 
  • Disable SVG or parallax effect in all internal pages. Select Archive post layout for showing sidebar. Set the overlay color and page title color.

pagelayout oneline

Pages Header Image–

  • In pages header image you can set same image in your header of every single page.

Advanced Typography

  • Typography is given for Each section. Just navigate to particular section and add Typography.
  • For adding typography in inner pages go to “Appearance > Customize > Typography”. Here multiple font families are available.
  • 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

  • Use typography in each section, just go to desired section and select the typography option. Select the font family, set the font size, line height and so on.

typography section

Section On/Off and Ordering

  • Go to “Appearance > Customize > Ordering & Section Setting“.

section setting oneline

  • Section Ordering – Change the order of any particular section.

section order oneline

  • Section On/Off – Hide any section. Just check the box and hide that section.

section on off oneline

Complete Video Guide

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

  • General Setting – 0:15
  • Slider Section – 1:31
  • Service Section – 5:36
  • Ribbon Section – 8:50
  • Portfolio Section – 12:09
  • About Us Section – 15:20
  • Team Section – 17:10
  • Testimonial Section – 19:54
  • Latest Post Section – 22:45
  • Price Section – 24:46
  • WooCommerce Section – 27:05
  • Contact us Section – 29:15
  • Brand Section – 31:02

Slider Section

  • To add slider on home page go to “Appearance > Customize > Slider Section”.

slider section oneline

  • Slider setting – Manage the speed, choose the button styling, add Scroll Down Navigation button and disable the parallax effect on slider. You can choose also the Auto play option for your slider.

slider setting oneline pro

  • Color option – Pick color for each element.

slider color oneline

  • Slider – Select six different slider and upload image, heading, link and button to each slider.

slider oneline

  • Typography – You can add desired Typography in your section.

Service Section ( Version before 3.0.0 )

  • Go to “Appearance > Customize > Service Section”.

service section oneline

  • Main heading & sub- heading – Add heading and sub heading.

service heading oneline

service bg oneline

  • Color option – Pick color for each element.

service color oneline

  • Service Widget – Add title, description and link. Put the font awesome icon by putting the class of icons or upload any image. Pick any color for your elements.
  • Typography – You can add desired Typography in your section.

Service Section ( Version after 3.0.0 )

  • Go to “Appearance > Customize > Service Section”.

service section oneline

  • Main heading & sub- heading – Add heading and sub heading.

service heading oneline

  • Service Settings – To add services in your site. Go to Customize > Service sections > Service settings.
  • You can add service content like – Upload service image or icons, Add title, text, link, Color options for icon, title and text.

service settings 1

service bg oneline

  • Color option – Pick color for each element.

service color oneline

Ribbon Section

  • To Customize Ribbon section go to “Appearance > Customize > Ribbon section”.

ribbon section oneline

  • Ribbon setting – Put main heading, button link and text.

ribbon setting oneline

ribbon bg video oneline

  • Color option – Pick color for each element.

ribbon color oneline

  • To add overlay color in image or video, Just increase or decrease the color transparency from the color bar.

overlay color ribbon oneline

  • Typography – You can add desired Typography in your section.

Portfolio Section

  • Add Portfolio– To add portfolio go to the Dashboard > Portfolio Gallery.
  • First Create category from categories option then Navigate to Portfolio Gallery > Add New and add title, description, featured Images, choose the desired category”. This featured image will display at the home page.portfolio image oneline
    gallery portfolio oneline
  • To Customize portfolio section go to “Appearance > Customize > Portfolio section”.

portfolio section oneline

  • Main & Sub-heading – You can show heading and sub-heading. Just put the desired text in text area.
  • Put the Number of Portfolio Images you want to display. ( Example – if you want to show 6 portfolio images, just write 6 in the text area. )
  • Choose the category by checking the box. ( Category will help you to display particular portfolio images.)
  • Display Portfolio Images – If you want to show portfolio images on single page select the radio button of Portfolio single page. Whenever you click on the image, it will open in the single page with description.
  • If you want to show portfolio images popup ( Light box ) select the option Light Box. When you click on your portfolio image a popup will appear on your homepage.

portfolio setting oneline

portfolio bg oneline

  • Color option – Pick color for each element.

portfolio color oneline

  • Typography – You can add desired Typography in your section.

About us Section

  • Go “Appearance > Customize > About us section > Settings”.

about us oneline

  • About us setting – Put heading , sub-heading and description.Put social media links.

about us setting oneline

about us bg oneline

  • Color option – Pick color for each element.

about color oneline

  • Typography – You can add desired Typography in your section.

Team Section ( Version before 3.0.0 )

  • To add Team section go to “Appearance > Customize > team section

team section oneline

  • Main heading & sub-heading – Add heading and sub-heading in section.
  • Background optionClick here.

team bg oneline

  • Color option – Pick color for each element.
  • Team widget – This widget allows to put member image, name, designation and social icons. Add social icon using font awesome icons (https://fortawesome.github.io/Font-Awesome/icons/).Just add icon name(like : fa-camera-retro for camera icon). Pick color for each element.
  • Typography – You can add desired Typography in your section.

Team Section ( Version after 3.0.0 )

  • To add Team section go to “Appearance > Customize > team section

team section oneline

  • Main heading & sub-heading – Add heading and sub-heading in section.
    • Team Settings – To add team in your site. Go to Customize > Team sections > Team settings.
    • You can add Team content like – Upload service image, Add title, Sub title, text, link, Social icon, Color options for Text, Button, button hover and Border color.

team setting 1

team bg oneline

  • Color option – Pick color for each element.
  • Typography – You can add desired Typography in your section.

Testimonial Section ( Version before 3.0.0 )

  • Fully widgetized section, add multiple testimonial. Go to “Appearance > Customize > Testimonial section

testimonial oneline

  • Testimonial setting – Add heading, sub-heading and set slider speed. Adaptive height will enable the auto height of slider text. You can also check Autoplay On/Off option for testimonial slider.

testimonial setting oneline

testimonial bg oneline

  • Color option – You can pick color for each element.

testmonial color oneline

  • Testimonial widget – In testimonial widget you can add author image, author name, author description, website url and link .

testimonial widget oneline

  • Typography – You can add desired Typography in your section.

Testimonial Section ( Version after 3.0.0 )

  • Fully widgetized section, add multiple testimonial. Go to “Appearance > Customize > Testimonial section

testimonial oneline

  • Heading & Sub-heading – Add heading, sub-heading and set slider speed. Adaptive height will enable the auto height of slider text. You can also check Autoplay On/Off option for testimonial slider.

testimonial setting oneline

    • Testimonial Settings – To add testimonial in your site. Go to Customize > Testimonial sections > Testimonial settings.
    • You can add Testimonial content like – Upload Testimonial image, Add title, Sub title and link

testinomial setting 1

testimonial bg oneline

  • Color option – You can pick color for each element.

testmonial color oneline

  • Typography – You can add desired Typography in your section.

Latest Post Section

  • To add latest post section main-heading and sub-heading go to “Appearance > Customize > Latest Post section
  • Post setting – Add heading & sub-heading, latest post category and number of post to display at the home page .Change the read more text

post setting oneline

latest post bg oneline

  • Color option – Pick color for each element.
  • Slider Setting – By checking the option you can show your slider in slide way. It will display widget slider instead of grid. You can also choose Autoplay option On/Off for your slider.

slider setting post section

  • Typography – You can add desired Typography in your section.

WooCommerce Section

  • Go to “Appearance > Customize > Woo-Commerce Settings”.

woocomerce section oneline

  • In WooCommerce section you can add Section Id, heading, subheading.
  • 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 you can setup the WooCommerce pages, just navigate to this doc.
  • Background optionClick here.

woo bg oneline

  • Color option – Pick color for each element.

woo color oneline

  • Typography – You can add desired Typography in your section.

Price Section

  • Fully widgetized section, add price widget. Just Go to “Appearance > Customize > Price section

pricing section oneline

  • Main & sub-heading – Add heading & sub-heading respectively.
  • Background optionClick here.

pricing bg oneline

  • Color option – Pick color for each element.
  • Price widget – To add pricing table Go to “Price widget” option and choose Price widget by clicking on add widget button. Here put the icon, title, items, currency, button link along with their desired color.
  • Slider Setting – By checking the option you can show your slider in slide way. It will display widget slider instead of grid.price widget oneline
  • Typography – You can add desired Typography in your section.

Brand Section ( Version before 3.0.0 )

  • Brand section – To add Brand section, go to Appearance > Customize > Brand Section.
  • Show unlimited brand slider and set the slider speed too.

brand section oneline

brand setting oneline

  • Brand widget – This section is fully widgetize. To add brand widgets, go to “Appearance > Customize > Brand section > oneline brand widget”. And add Oneline brand Widget. Upload brand image, name and link.

brand widget oneline

Brand Section ( Version after 3.0.0 )

  • Brand section – To add Brand section, go to Appearance > Customize > Brand Section.
  • Show unlimited brand slider and set the slider speed too.

brand section oneline

    • Brand Settings – For adding brand in your website. Go to Go to Customize > Brand sections > Brand settings.
    • You can add Brand content like – Upload Brand image and link.

brand setting 1

brand setting oneline

Contact us Section

  • Go to “Appearance > Customize > Contact Us Section > Settings” .

contact us section oneline

  • Download Lead form builder plugin. & activate it on your dashboard. Create a contact form. To know how to create contact form. follow this Doc.
  • Contact us setting – Here just put the contact form shortcode. Heading, Sub-heading, Address heading, Full address. Call heading and Mobile number.

contact setting oneline

contact bg oneline

  • Color option – Pick color for each element.

color contact us section oneline pro

  • Typography – You can add desired Typography in your section.

MAP Section

  • To add Google map generate and paste map embed code in the “Appearance > Customize > Map Section > Settings > Map Address box“.

map section oneline

Section Id option

  • For adding section Id for your section. Go to Appearance > Select your section > Main Heading & sub heading > Section Id. Here write Id your your section and save it.
  • You can use this Id for scrolling menu.

section id Oneline 1

Background Option

  • For Background Option, Navigate to Desired section > Background .
  • In Background option you can pick background color, choose color with SVG ( SVG design will separate the section with unique designs with color), Upload image for your background.
  • Color with SVG – If you want to show color with SVG in section background background. Just select the radio button of color and Choose desired SVG design. Pick the color or put the color code.
  • Color without SVG – If you don’t want SVG design you can pick color in section background. Just select the radio button of color without SVG and pick desired color from the color box or put the color code.
  • Image without SVG – SVG design will not work with image. You can display background image, just select the radio button of Image without SVG, upload an image here and set the overlay transparency.
  • Section Padding – Using Section padding you can adjust the top space and bottom space of your section. (in px).
  • Note – In Ribbon section you can also choose video for your background with color overlay.

background option oneline theme (1)

Page Builder Templates

  • 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 site.

agq6HA 1

Custom Section

  • This section is fully widgetized. To add custom fields go to “Appearance > Customize > Custom Section > oneline custom widget”. And add Oneline Custom Widget.
  • Custom widget – In custom widget just add the section id, put heading, sub-heading and textarea. Select the background and pick color for each element.

custom widget oneline

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