Portfolioline 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.

install portfolioline

How to Import Demo Data


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

  • For more information follow this link.

Site Identity

  • To Add site information like Site title ,Tag line ,Logo upload and Site icon for your website open your dashboard. Go to Appearance > Customize > Site Identity.
  • Select your logo and site icon by clicking on “Select Image” button.
  • If you want to display a logo just Uncheck the “Display Site Tile & Tagline” checkbox.

site-identity-Portfolioline

Homepage Setting

  • To create Homepage on your site follow the below instructions –
  • Go to Wp Dashboard > Page > Add New > Create a Page.
  • In the right sidebar of your editor you will see Page attributes > Template. Click on the template and select the option Homepage template. Publish it.

homepage-portfolioline

  • Navigate to Customize panel > WordPress Default > Homepage Settings. In homepage settings. Select the radio button of “A static page” and choose your homepage which you have created as front page.
  • homepage-setting-portfolioline

    Additional CSS

    • Add add additional CSS code in your website.  Navigate to Customize panel > WordPress Default > Additional CSS. Here you can add your CSS code in the text area.

    additinal-CSS-Portfolioline

    Header Setting

    • For Header Settings, Go to Appearance > Customize > Header Settings.
    • Sticky Header – It will stick your header with the site, whenever you’ll scroll the site, it will scroll down along with the site.
    • Static Header – It will fix your header on the top of your site.
    • Inline Menu Style – By choosing this option your Menu will be align on left side of your site.
    • Centered Menu Style – By choosing this option your Menu will be align in the Center.
    • Split Menu Style – By choosing this option your Menu will be Split into two parts and your logo will display in the center.
    • Header Visibility – By using this option you can Toggle your header on the site. You can Enable or disable it anytime.
    • Style – Pick desired color for Background Color, Link and Link hover color.

    header-setting-portfolioline

    Frontpage Sections

    Homepage Section Setting

    • Section Ordering – Order home page section according to your requirement with the help of easy drag and drop section ordering.
    • Section ON/OFF – Disable or Enable home page sections according to your requirement by checking the box.
    • Animation on/off option – This option allow to disable or enable home page section item fly-in animation.

    honepage-section-setting-portfolioline

    Top Slider

    • Go to Appearance > Customize > Frontpage Sections > Top Slider. Here you can set images, text and links in your frontpage slider with their styling.
    • Setting – You can upload upto three background images. Add Image Overlay and Scroll down link.
    • Text – You can add Heading, Typewriter text, Button text & links for your sliders. You can also set typewriter speed.
    • Style – Pick desired color for Heading text, Typewriter text and Button.

    top-slider-portfolioline

    Service Section

    • Go to Appearance > Customize > Frontpage Sections > Service. . You can Showcase your site Services using Service Widget.
    • Service Widget – To display Services, From widget panel choose Service Widget. You can add Title, Description, Link, Upload Image or Add Font Awesome Icon and also pick desired color for them.
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image.

    services-portfolioline

    Ribbon Section

    • Go to Appearance > Customize > Frontpage Sections > Ribbon. Add Title, Button Text and Link with their Color.
    • Style – From Style, You can Upload Background Image or pick Background color for your Ribbon. On/Off the Parallax animation for image.

    ribbon-portfolioline

    Portfolio Section

    • To add portfolio go to the Dashboard > Portfolio Gallery > Add New. Add a Featured image that you upload in each portfolio will display at the home page.
    • Setting – In Setting you can add Heading & Subheading Option. You can choose the Container Width – Normal or Full width.
    • There are Seven Portfolio Layouts, you can Choose desired Portfolio Layout. Set the No. of images to show on Homepage and check the Categories of portfolio.
    • Style – From Style you can pick Background color, On/Off the Parallax animation for image. Image Overlay Color and color for other elements.

    portfolio-portfolioline

    Team Section

    • Go to Appearance > Customize > Frontpage Sections > Team. Add Heading and Sub heading with their Color styling. You can Showcase Team members using Team Widget.
    • Team Widget – To display Team, From widget panel choose Team Widget. You can Upload Team member’s image, Add Name, Designation and Social Media links.
    • Style – From Style you can pick Background color, On/Off the Parallax animation for image. Image Overlay Color and color for other elements.

    team-Portfolioline

    Testimonial Section

    • Go to Appearance > Customize > Frontpage Sections > Testimonial. Add Heading and Sub heading with their Color styling. You can Showcase Client Testimonials using Testimonial Widget.
    • Testimonial Widget – To display Testimonial, From widget panel choose Testimonial Widget. You can Upload Client image, Add Name, Short bio, Company name and Link.
    • Style – From Style you can pick Background color, On/Off the Parallax animation for image. Image Overlay Color and color for other elements.

    testimonial-Portfolioline

    WooCommerce Section

    • For WooCommerce Section, make sure you have installed and activated WooCommerce Plugin. After that Add Products with their categories.
    • Go to Appearance > Customize > Frontpage Sections > WooCommerce.  Add Main Heading and Sub heading. In the “Enter WooCommerce Shortcode” text area add the Shortcode to Display your Products on the homepage. Example – [products limit=”3″ columns=”3″]
    • Style – From Style you can pick color for Background, Heading and Sub heading. On/Off the Parallax animation for image.

    woo-Portfolioline

    Blog Section

    • Go to Appearance > Customize > Frontpage Sections > Blog. . Add section heading, subheading, post category (select category to display post category wise) and No. of post to show on homepage.
    • Style – From Style you can pick color for Background Color, On/Off the Parallax animation for image. Overlay Color for Images,Heading, sub heading and Columns color.

    blog-portfolioline

    Resume Section

    • Go to Appearance > Customize > Frontpage Sections > Resume Section .
    • Button 1 Icon/Text/Link : Add icon, text and link for first button.
    • Button 2 Icon/Text/Link : Add icon, text and link for second button.
    • Upload Resume : Upload resume or any doc which you want to show when “Button 1” (View button) clicked. Uploaded doc will be downloaded through “Button 2” (Download Button).
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image. You can also set Image overlay color. Pick color for Title text.

    resume-section-portfolioline

    Skill Section

    • Go to Appearance > Customize > Frontpage Sections > Skill Section .
    • Add Heading and Sub heading. You can Showcase your Skills using Skill Widget.
    • Skill Widget : To display Skills, From widget panel choose Skill Widget. You can set Bar color, Title color, Skill title and Percentage in the skill widget.
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image. You can also set Image overlay color. Pick color for Heading and Sub heading text.

    skill-portfolioline

    Price Section

    • Go to Appearance > Customize > Frontpage Sections > Price Section .
    • Add Heading and Sub heading. You can Showcase your Pricing table using Price Widget.
    • Price Widget : To display Price, From widget panel choose Price Widget. In this widget you can set title, price (your product or service price), currency, price-meta (define cost duration /day, /month or /year), level, 10 items and recommended (check it to make particular table featured).
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image. You can also set Image overlay color. Pick color for Heading and Sub heading text.

    price-portfolioline

    Brand Section

    • Go to Appearance > Customize > Frontpage Sections > Brand Section .
    • You can Showcase your Brands using brand Widget.
    • Brand Widget : To display Brands, From widget panel choose Brand Widget. You can Upload Brand Image, Add brand Text and link.
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image. You can also set Image overlay color.

    brand-portfolioline

    About us Section

    • Go to Appearance > Customize > Frontpage Sections > About us Section.
    • In About us section you can display an image, heading and About Us Description on frontpage.
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image. You can also set Image overlay color. Pick color for Heading and Sub heading text.

    about-us-portfolioline

    Counter Section

    • Go to Appearance > Customize > Frontpage Sections > Counter Section .
    • You can Showcase your Counter elements using Counter Widget.
    • Counter Widget : To display Counter, From widget panel choose Counter Widget. Add title, Maximum value and pick color for them.
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image. You can also set Image overlay color.

    counter-portfolioline

    Custom Section

    • Go to Appearance > Customize > Frontpage Sections > Custom Section .
    • Add Heading and Sub heading for your Custom section.
    • There are four different Custom layouts given. You can choose the desired layout and add any widget in them.
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image. You can also set Image overlay color. Pick color for Heading and Sub heading text.

    custom section portfolioline

    Contact

    • Go to Appearance > Customize > Footer > Contact .
    • Email Detail: Go to the (https://fontawesome.io/icons/), copy desired icon name and paste it in the FontAwesome icon field. After that add your mail ID which you want to display.
    • Address Detail: Go to the (https://fontawesome.io/icons/), copy desired icon name and paste it in the FontAwesome icon field. After that add your address which you want to display.
    • Contact Detail: Go to the (https://fontawesome.io/icons/), copy desired icon name and paste it in the FontAwesome icon field. After that add your contact number which you want to display.
    • Style – From Style, You can Upload Background Image or pick Background color. On/Off the Parallax animation for image. You can also set Image overlay color. Pick color for icon and icon text.

    contact-us-portfolioline

    • Footer Logo – To display any heading in the footer use this option. By default site title will display.
    • Copyright Text – Use this option to add copyright text in the footer bottom.
    • Color Options – Here you can change the color of overall footer area and its elements. You can pick color for footer background, Footer Copyright Background Color, footer text color and footer anchor color.

    footer-setting-portfolioline

    Typography

    • Go to Appearance > Customize > Typography. .
    • You can add typography on your site. Here multiple Google font families are available.
    • Font subsets – You can use multiple font subsets for your site.
    • Body – Choose Font family for body of site. Adjust the font size, line height and letter spacing.
    • Content – You can typography for headings.
    • Heading (H1) – This will be applicable for all h1 heading like page title, product title in single page. Choose font family and adjust the font size, line height & letter spacing.
    • Heading (H2) – This will be applicable for all h2 heading like slider heading, section heading. Choose font family and adjust the font size, line height & letter spacing.
    • Heading (H3) – This will be applicable for all h3 heading like product title, blog title. Choose font family and adjust the font size, line height & letter spacing.
    • Heading 4 (H4) – This will be applicable for all h4 heading like footer widget title, sidebar widget title. Choose font family and adjust the font size, line height & letter spacing.
    • Heading 5 (H5) – This will be applicable for all h5 heading. Choose font family and adjust the font size, line height & letter spacing.
    • Heading 6 (H6) – This will be applicable for all h6 heading. Choose font family and adjust the font size, line height & letter spacing.

    typography-portfolioline (1)

    Style Settings

    • Go to Appearance > Customize > Style Settings. .
    • You can pick the Background color and theme color for overall site.

    global-setting-portfolioline

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