Career Portfolio Pro

Version 1.0.0

Career Portfolio Pro theme that you can absolutely use for publishing your portfolio,business,blog etc.

Career Portfolio Pro theme that you can absolutely use for publishing your personal or company portfolio, news, blog, magazine, health, education, etc. This theme is very flexible and includes options that make website development an easy task.

Installation

Follow the steps below to get started with your WordPress Theme

Now Login to WordPress admin Dashboard.
Go to Appearance> Themes > Add New > Upload theme.
Upload career-portfolio-pro.zip and Activate themes.

Installing Plugins

When you click on “Activate” button to activate Career Portfolio Pro Theme, you will see the a notice offering you to install required and recommended plugins.

Click “Begin installing plugins“, on the screen that appears, next select the plugins you want to be installed, pick “Install” in Bulk Actions select box and click “Apply” button. For optimal user experience install and activate all recommended plugins.

Import Demo Data

We are providing our own demo importing plugin so if you like and want to demo like website in your site then you can easily import the demo and set up on your site.

Steps to import demo data:

1. After activated Theme One Click Demo Import from a plugin.
2. you will get the Import Demo nav in your dashboard.
3. Click on Import Demo. You will get all the demo available:
4. Click on the Import and follow the process as shown in the video. Link is here:

Step to Add New Post

Go to Post,Click Add New.
Add Title,Content,Feature Image and Categories.
Click on Publish.

Step to Add New Page

Go to Page,Click Add New.
Add Title,Content and Feature Image.
Click on Publish.

This option allow you to define the site-title and logo , fav icon for your site and with various various options related to site identity

Logo: Main logo of the site.
Site-title: Main site title of the site.
Tagline: Tagline (i.e:Description) of the site.Just below site title.
choose Option: You will get four different option from where you can choose to display any one of them.
- Logo Only: Choosing this option displays the logo only.
- Logo + Title: Choosing this option displays the logo and title.
- Logo + Tagline: Choosing this option displays the logo and tagline.
- Title Only: Choosing this option displays Title only.
- Title + Tagline: Choosing this option displays Title and tagline.
Display Site-title and tagline: Help you to enables/disables the site title and tagline from the site.
Site-icon: Site Icon is used as a browser and app icon for your site.Icon must be square and at least 512px wide and tall.

Go to Appearance > Customize > color. where you can see Background Color Options sections.

Background Color: Select the color available in the options. If the preview is fine, click on Publish to apply recently selected Background Color.

Go to Appearance > Customize >Header Media. From where you can change the Header Image and video for your site. Select the header image of your choice.If the preview is fine, click on Publish to apply the recently selected image as the Header image. similarly select the header video for your site and if preview is fine ,click publish to apply on header part.and Here you will get more option for header media which is listed out below.

Enable Header Media: This option allows you to enable/disable Header media.
Disable on 404, Search & Archives?:This option allows you to enable/disable header media in 404,search and Archives page.
Disable on Blog page?:This option allows you to enable/disable header media in blog page.
Disable on Latest Posts Page?:This option allows you to enable/disable header media in latest posts page.
Disable on Posts?:This option allows you to enable/disable header media in posts.
Disable on Page?:This option allows you to enable/disable header media in page.
Menu Title:This option allows you to edit menu title.
Menu Slug:This option allows you to edit menu slug.
Header Media Title:This option allows you to edit header media title.
Header Media Sub Title:This option allows you to edit header media sub title.
Header Media Button Title:This option allows you to header media button title.
Header Media Button URL: This option allows you to edit header media button URL.

Go to Appearance > Customize > Background Image.Select the image for Background available on media library or upload from the other location.If the preview is fine, click on Publish to apply recently selected/uploaded image as Background Image.

Go to Appearance > Customize > Theme Options.
You will get different options and Setting as shown in screenshot.

Header Setting

Header setting will give you options to control the looks of the header part of your site.

Go to Appearance > Customize > Theme Options > Header Setting.
Enable Line Wrap: This option allows you to enable/disable Line Wrap.
Enable Header Search: This option allows you to Enable/disable Header Search.
Enable Header Social Menu: This option allows you to Enable/disable header social menu.
Enable Header Toggle: This option allows you to Enable/disable Header Toggle.
Enable Navigation: This option allows you to Enable/disable Navigation.
Enable Side Navigation: This option allows you to Enable/disable Side Navigation

General Setting

General Setting will give you options to control the looks of the General Setting of your site. Go to Appearance > Customize > Theme Options > General Setting.

Sidebar Layout Options: This option allows you to select sidebar layout options. like left, right and no sidebar in your site.

Blog Setting

Blog setting will give you options to control the looks of the Blog part of your site. Go to Appearance > Customize > Theme Options >Blog Setting.

Enable Category Meta: This option help you to enable/disable Category Meta.
Enable Posted Date: This option helps you to enable/disable posted date.
Pagination Options: This option helps you to select pagination options. Like default and numerical options.

Footer Setting

Footer setting will give you options to control the looks of the Footer part of your site.

Go to Appearance > Customize > Theme Options > Footer Setting.
Footer Copyright: This option allows you to edit footer copyright.
Powered By Text: This option allows you to edit footer Powered By Text.
Enable Back to Top: This option allows you to enable/disable Back to Top.

Front Page Options will give you options to control the looks of the your Home page setting.

Go to Appearance > Customize > Front Page Options.
You will get different options and Setting as shown in screenshot.

Home Page Content Setting

Home Page Content Setting will give you options to control the looks of the home page contents.

Go to Appearance > Customize > Front Page Options>Home Page Content Setting.
Enable Home Page Content: This option allows you to Enable/disable Home page Content.

Sortable Section

Sortable Section will give you options to sortable the section in your home page.

Go to Appearance > Customize > Front Page Options> Sortable Section.

About Setting

About Setting will give you options to control the looks of the home page about us section in your site.Go to Appearance > Customize > Front Page Options> About Setting .

Enable About Section: This option allows you to Enable/disable about section.
Menu Title:This option allows you to Edit menu title.
Menu Slug:This option allows you to Edit slug of section.
Section Title:This option allows you to Edit section title.
Upload a Background Image:This option allows you to select background image for about section.
Section About Us Page:This option allows you to select about us page.
Skill Bar Options:This option allows you to add skill bar option on your about section.
Skill Label Color:This option allows you to select skill label color.

Qualification Setting

Qualification Setting will give you options to control the looks of the qualification section of home page.Go to Appearance > Customize > Front Page Options> Qualification Setting.

Enable Qualification Section: This option allows you to Enable/disable Qualification Section.
Qualification Menu Title:This option allows you to Edit Qualification menu title.
Qualification Menu Slug:This option allows you to Edit Qualification slug of section.
Qualification Section Title:This option allows you to Edit Qualification section title.
Upload a Background Image:This option allows you to select background image for Qualification section.
Qualification Title First:This option allows you to edit qualification first title.
Select Qualification Category:This option allows you to Select Qualification Category.
Qualification Title Second:This option allows you to edit qualification second title.
Select Qualification Second Category:This option allows you to Select Qualification Second Category.
Select Qualification Number: This option allows you to Select Qualification Number.
Qualification Button Title:This option allows you to edit Qualification Button Title.
Qualification Button URL: This option allows you to edit Qualification Button URL.

Service Setting

Service Setting will give you options to control the looks of the service section of home page.Go to Appearance > Customize > Front Page Options>Service Setting.

Enable Service Section: This option allows you to Enable/disable Service Section.
Service Menu Title:This option allows you to Edit Service menu title.
Service Menu Slug:This option allows you to Edit Service slug of section.
Service Section Title:This option allows you to Edit Service section title.
Upload a Background Image:This option allows you to select background image for Service section.
Service Title :This option allows you to edit Service title.
Select Service Category:This option allows you to Select Service Category.
Select Service Number: This option allows you to Select Service Number.

Counter Setting

Counter Setting will give you options to control the looks of the Counter section of home page.Go to Appearance > Customize > Front Page Options>Counter Setting.

Enable Counter Section: This option allows you to Enable/disable Counter Section.
Counter Menu Title:This option allows you to Edit Counter menu title.
Counter Menu Slug:This option allows you to Edit Counter slug of section.
Counter Section Title:This option allows you to Edit Counter section title.
Upload a Background Image:This option allows you to select background image for Counter section.
Counter Options:This option allows you to add counter options.

Portfolio Setting

Portfolio Setting will give you options to control the looks of the Portfolio section of home page.Go to Appearance > Customize > Front Page Options>Portfolio Setting.

Enable Portfolio Section: This option allows you to Enable/disable Service Section.
Portfolio Menu Title:This option allows you to Edit Portfolio menu title.
Portfolio Menu Slug:This option allows you to Edit Portfolio slug of section.
Portfolio Section Title:This option allows you to Edit Portfolio section title.
Upload a Background Image:This option allows you to select background image for Portfolio section.
Portfolio Title :This option allows you to edit Portfolio title.
Select Category:This option allows you to Select Portfolio Category.
Portfolio Button Title: This option allows you to edit Portfolio Button Title.
Masonry Inactive Title Color:This option allows you to Select Masonry Inactive Title Color.

Woo Commerce Setting

Woo Commerce Setting will give you options to control the looks of the Woo Commerce section of home page.Go to Appearance > Customize > Front Page Options>Woo Commerce Setting.

Enable Woo Commerce Section: This option allows you to Enable/disable Woo Commerce Section.
Woo Commerce Menu Title:This option allows you to Edit Woo Commerce menu title.
Woo Commerce Menu Slug:This option allows you to Edit Woo Commerce slug of section.
Woo Commerce Section Title:This option allows you to Edit Woo Commerce section title.
Upload a Background Image:This option allows you to select background image for Woo Commerce section.
Section Woo commerce Page :This option allows you to select Section Woo commerce Page.
woo_button Button Title: This option allows you to edit woo_button Button Title.
woo_button Button URL: This option allows you to edit woo_button Button URL.
Select Category:This option allows you to Select Woo Commerce Category.
Select Woocommerce Number: This option allows you to select Select Woocommerce Number.

Team Setting

Team Setting will give you options to control the looks of the Team section of home page.Go to Appearance > Customize > Front Page Options>Team Setting.

Enable Team Section: This option allows you to Enable/disable Team Section.
Team Menu Title:This option allows you to Edit Team menu title.
Team Menu Slug:This option allows you to Edit Team slug of section.
Team Section Title:This option allows you to Edit Team section title.
Team Title :This option allows you to edit Team Title.
Select Category:This option allows you to Select Team Category.
Select Team Number: This option allows you to select Team Number.
Team Button Title: This option allows you to edit Team Button Title.

Video Setting

Video Setting will give you options to control the looks of the Video section of home page.Go to Appearance > Customize > Front Page Options>Video Setting.

Enable Video Section: This option allows you to Enable/disable Video Section.
Video Menu Title:This option allows you to Edit Video menu title.
Video Menu Slug:This option allows you to Edit Video slug of section.
Video Section Title:This option allows you to Edit Video section title.
Upload a Background Image:This option allows you to select background image for Video section.
Video Title :This option allows you to edit Video Title.
Video Url: This option allows you to edit Video Url.

Testimonial Setting

Testimonial Setting will give you options to control the looks of the Testimonial section of home page.Go to Appearance > Customize > Front Page Options>Testimonial Setting.

Enable Testimonial Section: This option allows you to Enable/disable Testimonial Section.
Testimonial Menu Title:This option allows you to Edit Testimonial menu title.
Testimonial Menu Slug:This option allows you to Edit Testimonial slug of section.
Testimonial Section Title:This option allows you to Edit Testimonial section title.
Upload a Background Image:This option allows you to select background image for Testimonial section.
Section Testimonial Page :This option allows you to select Section Testimonial Page.
Select Testimonial Category:This option allows you to Select Testimonial Category.
Select Testimonial Number: This option allows you to Select Testimonial Number.

Client Setting

Client Setting will give you options to control the looks of the Client section of home page.Go to Appearance > Customize > Front Page Options>Client Setting.

Enable Client Section: This option allows you to Enable/disable Client Section.
Client Menu Title:This option allows you to Edit Client menu title.
Client Menu Slug:This option allows you to Edit Client slug of section.
Client Section Title:This option allows you to Edit Client section title.
Upload a Background Image:This option allows you to select background image for Client section.
Client Title :This option allows you to edit Client Title.
Client Options:This option allows you to add Client Options.

Blog Setting

Blog Setting will give you options to control the looks of the Blog section of home page.Go to Appearance > Customize > Front Page Options>Blog Setting.

Enable Blog Section: This option allows you to Enable/disable Blog Section.
Blog Menu Title:This option allows you to Edit Blog menu title.
Blog Menu Slug:This option allows you to Edit Blog slug of section.
Blog Section Title:This option allows you to Edit Blog section title.
Upload a Background Image:This option allows you to select background image for Blog section.
Blog Title :This option allows you to edit Blog Title.
Select Blog Category:This option allows you to Select Blog Category.
Select Blog Number:This option allows you to Select Blog Number.

Contact Setting

Contact Setting will give you options to control the looks of the Contact section of home page.Go to Appearance > Customize > Front Page Options>Contact Setting.

Enable Contact Section: This option allows you to Enable/disable Contact Section.
Contact Menu Title:This option allows you to Edit Contact menu title.
Contact Menu Slug:This option allows you to Edit Contact slug of section.
Contact Section Title:This option allows you to Edit Contact section title.
Upload a Background Image:This option allows you to select background image for Contact section.
Section Contact Page :This option allows you to Section Contact Page.

Typography setting tab is one of the most important options which will allow you to customize the looks of your sites typography. It allows to set font family, font size and font color for your sites general use. It also allows you to choose font family and size for all header types . You can set different font size for each head tag. This options allows you to choose font color for anchor tag and its hover/active state.

From Typography Options, you will see different sections:

General Color Setting

This section allow you to change overall Body color, Linear Gradient Color, Linear Gradient Color, Primary Color, Hover Color, Header Tag Color, Paragraph Tag Color, Button Color, Button Background Color, Button Hover Color, Button Border Color, Entry Meta Background Color and Entry Meta Color according to your choice in your site.

go to Appearance > Customizing > Typography Options > General Color Setting.

Header Color Setting

This section allows you to change Header Background Color, Header Icon Background Color,Header Toggle Background Color and Header Color.go to Appearance > Customizing > Typography Options >Header Color Setting.

Footer Color Setting

This section allows you to change Footer Background Color, Footer Color, Scroll to Top Background Color, Scroll to Top Background Hover Color and Scroll to Top Color.go to Appearance > Customizing > Typography Options > Footer Color Setting.

Sidebar Color Setting

This section allows you to change Sidebar Title Color and Sidebar Text Color. go to Appearance > Customizing > Typography Options > Sidebar Color Setting.

Home Color Setting

This section allows you to change Section Title Color, Title Color and Home Page Anchor Color. go to Appearance > Customizing > Typography Options >Home Color Setting.

Font Family Setting

This setting allows you to customize font family, the font size for your site according to your requirement.go to Appearance > Customizing > Typography Options > Font Family Setting.

Step to create a menu

From Customize section, go to Menus.
From Menus, click ‘ Add a Menu’ button and you will be able to create a menu.
Now, click Add Items and you will be able to Add or Remove Menu Items according to your requirement.
Select the Menu locations.
If the preview looks fine, save the changes by clicking on Save and publish button.

Widgets are one of the most important aspects of this theme.default widgets are specially built for the front page so that most of your content can be categorized easily and be accommodated to feature in the front page.

From Customize section, go to Widgets.
From Widgets, you will see different sections to add widget where you will be able to Add a Widget or Remove widgets by going to particular widget section.
And the added widget will be displayed in particular section that you have added.
Note: Make sure to add proper widgets in proper widget area for best result.

Available Widget Area

By default, your homepage will also display your post feed, listing all of your latest posts for visitors to see.

But If you would like to instead have your homepage be a static page then your front page will display the content from the page you selected as Front Page. However the page you selected in Posts Page will become your blog page..

This is the option which will allow you to add your custom CSS. From Customize > Additional CSS. Additional CSS you will see:

Career Portfolio Pro

Start

Steps to import demo data:

Create Post and Page

Site Title and Logo

Color

Header Media

Background Image

Theme Options

Front Page Options

Typography Options

Menus

Widgets

Homepage Setting

Additional CSS