Getting started
Before installing Jobster theme, you need to install the latest version of WordPress. You can download it from here. Once you downloaded and set it up, you are ready to install the theme.
Theme installation
In order to install the Jobster theme, you need to follow the next steps:
- Login in WordPress admin area.
- Choose Appearance > Themes from the left menu of the admin panel.
- Click on Add New button.
- After Add Themes section opens, click on Upload Theme.
- Choose the theme zip file from your computer (you find the .zip file inside the package from ThemeForest), click Install Now and wait until the theme is uploaded.
- Activate the theme by clicking Activate.
- You will be able to see the theme installed in the Themes section, as seen in the image below:
Required plugin installation
Jobster theme requires a WordPress plugin — Jobster Plugin — in order to function.
- After the theme is activated, the following message will be displayed at the top of the screen:
- Click on Begin installing plugin.
- Wait until the plugin installation is done.
- Activate the plugin.
NOTE: The plugin is also available for manual installation inside the package received from ThemeForest.
Import demo
-
Check the Recommended PHP Configuration Limits FIRST for import to go through:
max_execution_time 600 memory_limit 128M post_max_size 48M upload_max_filesize 48M
You should contact your web hosting support and ask them to increase those limits in PHP.ini to those values.
-
Inside the received package there is a folder called Demos that contains several XML demo content files that can help you getting started.
Choose the demo that you like and import it by using this tool: Tools > Import > WordPress.
Setup
If you choose to import one of the content demos, there is a quick setup method:
- Go to Jobster admin menu and open the Theme Setup section.
- Choose the demo that you previously imported and click on Run Setup button, as seen below:
If you choose not to import any of the demos, you need to follow the setup steps.
Before setting up the theme, you need to make some basic WordPress setup:
- Go to Settings > General and change Site Title, Tagline, WordPress Address (URL), and Site Address (URL) with your own personal data, as seen in the image bellow:
- Click Save Changes.
- Go to Settings > Permalinks and change Common Settings to Post name, as seen in the image below:
- Click Save Changes.
Homepage setup
For homepage setup, please follow the steps below:
- Go to Pages > Add New.
- Choose a page title like Home.
- Compose your homepage content inside the page editor.
- Set the Template to Full Width if you don't want to have the sidebar or Default template if you want to have the sidebar.
- Choose a Header Type for your page hero from the Header section of the page. More about the header types here.
- Click Publish.
- Go to Settings > Reading and change Your homepage displays to A static page and select from the Homepage dropdown list the homepage created above — Home. Check out the image below:
- Click Save Changes.
Blog setup
For blog setup, please follow the steps below:
- Go to Pages > Add New.
- Choose a page title like Blog.
- You don't need to write anything inside the page editor.
- Set the Template to Default template.
- Click Publish.
- Go to Settings > Reading and change Your homepage displays to A static page and select from the Posts page dropdown list the blog page created above — Blog. Check out the image below:
- Click Save Changes.
Menu setup
For menus setup, please follow the steps below:
- Go to Appearance > Menus.
- Now let's create the top menu. Type the name of the menu (you can name it Top menu) inside the Menu Name field and click Create Menu button.
- Check Top primary menu option under Menu Settings > Display location.
- Click Save Menu button.
- Now you can add pages and links from the left side panel to the newly created menu.
Menu options
Besides the default options that WordPress offers, with Jobster theme there are available new options for the menu items, like adding an icon, or set a parent item as column.
Here is an example of how to use the menu options:
Page templates
In order for the theme to have all the available functionality, it requires a list of pages having the following templates:
-
Job Search
This page template is used for the page that displays the jobs list, including the search form and filter. For this page you also have additional settings for changing the layout.
-
Job Search External APIs
This page template is used for the page that displays the jobs list, including the search form and filter, with data sent from 3rd party APIs. For this page you also have additional settings for changing the layout.
-
Job Categories
This page template is used for the page that displays the job categories list, including the search form and filter for jobs. For this page you also have additional settings for changing the layout.
-
Company Search
This page template is used for the page that displays the companies list, including the search form and filter. For this page you also have additional settings for changing the layout.
-
Company Dashboard
This page template is used for the page that displays the company account summary. The page having this template can be accessed with company account only, option available under the user menu.
-
Company Dashboard - Profile
This page template is used for the page that enables the company to edit the profile details. The page having this template can be accessed with company account only, option available under the user menu.
-
Company Dashboard - New Job
This page template is used for the page that enables the company to add new job offers. The page having this template can be accessed with company account only, option available under company dashboard.
-
Company Dashboard - Manage Jobs
This page template is used for the page that enables the company to manage its job offers. The page having this template can be accessed with company account only, option available under company dashboard.
-
Company Dashboard - Candidates
This page template is used for the page that enables the company to manage its candidates. The page having this template can be accessed with company account only, option available under company dashboard.
-
Company Dashboard - Subscriptions
This page template is used for the page that enables the company to manage its membership plans subscriptions. The page having this template can be accessed with company account only, option available under company dashboard.
-
Company Dashboard - Change Password
This page template is used for the page that enables the company to change its password. The page having this template can be accessed with company account only, option available under company dashboard.
-
Company Dashboard - Inbox
This page template is used for the page that enables the company to send messages to candidates. The page having this template can be accessed with company account only, option available under company dashboard.
-
Company Dashboard - Notifications
This page template is used for the page that enables the company to manage notifications. The page having this template can be accessed with company account only, option available under company dashboard.
-
Candidate Search
This page template is used for the page that displays the candidates list, including the search form and filter. For this page you also have additional settings for changing the layout.
-
Candidate Dashboard
This page template is used for the page that displays the candidate account summary. The page having this template can be accessed with candidate account only, option available under the user menu.
-
Candidate Dashboard - Profile
This page template is used for the page that enables the candidate to edit the profile details. The page having this template can be accessed with candidate account only, option available under the user menu.
-
Candidate Dashboard - Apply
This page template is used for candidates that wish to apply for a job without having to sign in or register.
-
Candidate Dashboard - Applications
This page template is used for the page that enables the candidate to manage their job applications. The page having this template can be accessed with candidate account only, option available under candidate dashboard.
-
Candidate Dashboard - Favourite Jobs
This page template is used for the page that enables the candidate to manage their favourite jobs. The page having this template can be accessed with candidate account only, option available under candidate dashboard.
-
Candidate Dashboard - Change Password
This page template is used for the page that enables the candidate to change their password. The page having this template can be accessed with candidate account only, option available under candidate dashboard.
-
Candidate Dashboard - Inbox
This page template is used for the page that enables the candidate to send messages to companies. The page having this template can be accessed with candidate account only, option available under candidate dashboard.
-
Candidate Dashboard - Notifications
This page template is used for the page that enables the candidate to manage notifications. The page having this template can be accessed with candidate account only, option available under candidate dashboard.
-
Full Width
This page template is used for pages that don't need to have the default WordPress template's sidebar.
-
Sign In
This page template is used for having a standalone sign in page that could be used as a link inside the website.
-
Sign Up
This page template is used for having a standalone sign up page that could be used as a link inside the website.
Theme settings
Jobster offers multiple sets of options to help you customize it to your needs.
Access the section by choosing Jobster from the left menu of the admin panel.
Theme setup
This section is covered here.
General
In General section you can set global general settings like Disable Page Preloader and Location Field Type. Go ahead and set them. Click Save Changes
Jobs
In Jobs section you can set options related to Jobs pages, like Jobs per Page, Featured Label, Job Page Layout, Show Similar Jobs on Job Page, Show Salary on Job Cards, Hide Salary Field From Submit Job Form, Similar Jobs Title on Job Page, Similar Jobs Subtitle on Job Page, Allow candidates to apply to jobs without being registered, Candidate has to Signin Before Applying to External Job URL, Allow Companies to Add New Job Locations, Set Type of Employment Field Optional, Set Experience Level Field Optional, Display Job Expiration Date, Job Validity Period, Job Date Format, Enable Job Posting Approval Process, Enable Job Alerts. Go ahead and set them. Click Save Changes
Jobs Custom Fields
In Jobs Custom Fields section you can set your own custom job fields. You can also change the fields and their position in page by clicking Save Changes
Pending Jobs
In Pending Jobs section admin has the option to Approve or Reject job posts that are not posted yet and require review. To enable job posting approval process, see this section.
Companies
In Companies section you can set options related to Companies pages, like Companies per Page, Company Page Layout. Allow Company to Add New Profile Locations, Photo Gallery Max Number of Files, Hide Email Address. Go ahead and set them. Click Save Changes
Companies Custom Fields
In Companies Custom Fields section you can set your own custom company profile fields. You can also change the fields and their position in page by clicking Save Changes
Candidates
In Candidates section you can set options related to Candidates pages, like Candidates per Page, Candidate Page Layout, Candidate Page Access Restrictions, Gallery/Portfolio Max Number of Files, Allow Candidate to Add New Profile Locations, Resume, Hide Email Address. Go ahead and set them. Click Save Changes
Candidates Custom Fields
In Candidates Custom Fields section you can set your own custom candidate profile fields. You can also change the fields and their position in page by clicking Save Changes
Blog
In Blog section you can set options related to Blog pages, like Blog Page Title, Blog Page Subtitle, Articles Page Design, Show Related Articles on Blog Post, Related Articles Title on Blog Post, Related Articles Subitle on Blog Post. Go ahead and set them. Click Save Changes
Authentication
In Authentication section you can set authentication options, like Disable User Authentication, Terms and Conditions Page URL, Candidate After Sign In Redirect Page, Company After Sign In Redirect Page, Disable Candidate Registration, Disable Company Registration, Enable Candidate Registration Approval Process, Enable Company Registration Approval Process, Sign In Image, Sign Up Image, Forgot Password Image, Account Type Modal Image, Enable Google Authentication, Enable Facebook Authentication. Go ahead and set them. Click Save Changes
For how to obtain Google Client ID and Google Client Secret, read this article.
For how to obtain Facebook App ID and Facebook App Secret, read this article.. After you created the app, in the App Dashboard, choose your app and scroll to Add a Product Click Set Up in the Facebook Login card. Select Settings in the left side navigation panel and under Client OAuth Settings, enter your redirect URL in the Valid OAuth Redirect URIs field for successful authorization. Indicate that you are using the JavaScript SDK for login by setting the Login with JavaScript SDK toggle to “yes”, and enter the domain of your page that hosts the SDK in Allowed Domains for JavaScript SDK list. This ensures that access tokens are only returned to callbacks in authorized domains. Only https pages are supported for authentication actions with the Facebook JavaScript SDK.
Pending Users
In Pending Users section you can approve or deny a Company or Candidate registration. You will get new users listed in this section only if you have enabled the approval process here.
Footer
In Footer section you can set footer options, like Copyright Text and social media URLs. Go ahead and set them. Click Save Changes
Colors
In Colors section you can set the colors for the theme's components.
Membership & Payment
In Membership & Payment section you can set the options for membership plans, pay per job posting and payment systems like PayPal and Stripe.
In order to have paid job postings, you have 2 options: Pay per job posting and Membership plan.
-
Pay per job posting
This option allows you to have companies pay each time they post a job. Here you can set Job Posting Price, Featured Job Posting Price, Number of Free Job Postings, Unlimited Free Job Postings, Number of Free Featured Job Postings.
-
Membership plan
This option allows you to have companies pay for membership plans subscriptions. You can add membership plans going to Membership Plans > Add New Membership Plan in WordPress admin menu.
For payment systems you have two options to choose: PayPal and Stripe.
-
PayPal
In order to have pay per posting or membership plans features using PayPal you need to fill in the above fields related to PayPal API. This information you'll get from PayPal website. First you need to have a PayPal Business account. Then follow these steps:
- Access PayPal Developer website here.
-
Go to Dashboard > My Apps & Credentials and click on the Create App under REST API apps section.
-
Enter your app name and choose your Sandbox developer account. Notice that you have a Sandbox version (for test purpose) and a Live version of the app.
-
Fill in the Return URL field under the SANDBOX APP SETTINGS. This is how you obtain the return URL: Go in wordpress admin to Pages and create a page having the PayPal Processor template page and copy its Permalink. In this section you also have the Client ID and the Secret listed at the top.
-
For the API fields, if you want to use the test account, go in PayPal Developer to Sandbox > Accounts. For the Live version, you'll get the API fields from here: www.paypal.com Tools > All Tools API credentials and request your API credentials (API signature) under NVP/SOAP API integration (Classic) section. See below:
-
Stripe
In order to have pay per posting or membership plans features using Stripe you need to fill in the above fields. This is how you get the info:
-
Create a Stripe account and login to the dashboard. Navigate through the Developers API keys menu to get the API keys.
-
Go to WordPress admin dashboard > Pages > Add New and create a new page having the Stripe Processor template, like this:
-
Go to Stripe dashboard > Webhooks and click on Add an endpoint
-
Fill in the Endpoint URL with the permalink of the stripe processor page created at step 2. Click on Select events and add these 3 events from the list: payment_intent.succeeded, charge.succeeded, charge.failed
-
Job Board External APIs
Jobster is supporting 3rd party job board APIs.
Here is a list of the supported systems:
Email Templates
In this section you can set your own custom HTML emails that are sent to the users.
Companies
Jobster offers the possibilty to add companies types which can be assigned to user accounts and be able to add job offers and message the candidates.
Companies can be added manually from the admin interface or they can create an account through the front-end registration process.
Here is how you add a company using the admin interface:
- Go to Companies > Add New Company in WordPress admin menu.
- Fill in the company name, add a short description using the text editor, enter the details.
- Choose a Company Industry from the right side panel.
- Choose a Company Location from the right side panel.
- Check Allow comments option from Discussion section on the right side panel, if you wish the company to receive messages from candidates.
- Upload the Company Logo and Company Cover image.
- Assign a user in the User section at the bottom. Make sure first that you have created a user in Users section.
- If you want the company to be set as featured, check Set as Featured option from the Featured right side panel.
- Click Publish button.
Jobs
Jobster offers the possibilty to add jobs both using the admin interface and in front-end having a company account.
Here is how you add a job using the admin interface:
- Go to Jobs > Add New Job in WordPress admin menu.
- Enter a job title and description using the content editor.
- Choose a job location, category, type and level from the right side panels.
- If you want the job to be set as featured, check Set as Featured option from the Featured right side panel.
- Upload a Job Cover image.
- Enter the Job Details.
- Assign a company from the dropdown menu in Company section.
- Click Publish button.
Candidates
Jobster offers the possibilty to add candidates types which can be assigned to user accounts and be able to apply for jobs and message the companies.
Candidates can be added manually from the admin interface or they can create an account through the front-end registration process.
Here is how you add a candidate using the admin interface:
- Go to Candidates > Add New Candidate in WordPress admin menu.
- Fill in the candidate name, add a short description using the text editor, enter the details.
- Choose a Candidate Industry from the right side panel.
- Choose a Candidate Location from the right side panel.
- Add Candidate Skills from the right side panel.
- Check Allow comments option from Discussion section on the right side panel, if you wish the candidate to receive messages from companies.
- Upload the Candidate Photo and Candidate Cover image.
- Add Work Experience
- Add Education and Training
- Upload the Resume
- Assign a user in the User section at the bottom. Make sure first that you have created a user in Users section.
- If you want the candidate to be set as featured, check Set as Featured option from the Featured right side panel.
- Click Publish button.
Subscribers
Jobster theme offers the possibility to manage a Subscribers list. Subscribers can be manually added or they can subscribe from front-end through the Subscribe page module.
Testimonials
Jobster theme offers the possibility of adding testimonials that can be included in pages as visual module.
Page headers
Depending on the Template chosen for a page, Jobster provides a variety of page header types.
You'll find the Header Type options section when creating or editing a page, at the bottom. See image below:
-
None
-
Animated Cards
-
Image Rotator
-
Illustration
-
Boxed Animation
-
Image Background
-
Top Search
-
Image Card
-
Half Image
-
Center Image
-
Image Pills
-
Right Image
Content modules
Jobster provides a comprehensive set of content modules/blocks which makes it easier to create and edit a page.
Here is how you can use them:
Contact form
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "contact form" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Contact info
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "contact info" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
FAQs
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "faqs" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Featured articles
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "featured articles" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Featured candidates
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "featured candidates" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Featured companies
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "featured companies" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Featured jobs
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "featured jobs" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Features
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "features" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Job categories
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "job categories" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Job locations
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "job locations" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Latest articles
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "latest articles" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Promo
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "promo" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Recent jobs
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "recent jobs" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Services
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "services" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Subscribe
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "subscribe" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Testimonials
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "testimonials" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Membership
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "membership" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Search Jobs
- Open the page you want to edit or create a new one.
- Click on the "+" button from the content editor area.
-
Search for "search jobs" and after you find it, click on it:
-
Options for the module will be displayed inside the content edit area:
- Fill in the options, click Publish/Update
-
Check the result:
Elementor
If you choose to design your pages with Elementor, Jobster comes with 16 custom widgets. Here are the instructions on how to use the widgets:
-
First, you need to install Elementor plugin going to Plugins > Add New. Search for Elementor on the keyword field and click Install. Once the plugin is installed, click Activate.
-
Create an Elementor page: go to Pages > Add New and set the Template to Full Width. See the image below:
-
Click on the Edit with Elementor button in order to activate the Elementor editor.
-
After the Elementor editor is loaded, you'll find the Jobster widgets on the side toolbar under the Jobster category.
Job Board External APIs
Jobster is supporting 3rd party job board APIs.
Here is a list of the supported systems:
Careerjet
In order for you to have jobs data imported from Careerjet system, follow these steps:
- Go to admin dashboard > Jobster > Job Board External APIs > API System and set it to Careerjet.
- Set the Careerjet Locale and the Careerjet Affiliate ID. More about getting the Affiliate ID here.
- Click Save Changes.
Jobster theme also provides the possibility to include the Carrerjet search jobs form into page headers. In order to enable this, you need to go to the page Header settings and check Show jobs search form option and set the Search System to Careerjet. Please see below:
Jobster theme includes Jobs and Job Locations page modules that integrate with Careerjet:
Jobster theme includes Jobs and Job Locations Elementor widgets that integrate with Careerjet:
Translation
Both Jobster theme and Jobster Plugin are translation ready, providing the .pot language file. We recommend using Loco Translate plugin for translation.
In case you are using Loco Translate plugin, go to Loco Translate > Themes > Jobster > Click the Language from the list > Relocate tab > change to System. NOTE: This setting is only for the theme, not the plugin.
CSS and layout structure
Jobster theme is based on Boostrap v5. For the bootstrap css and components, please check here
Table of contents
The CSS structure is presented below:
Page Template Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-hero
+ Sections
- Container | .pxp-container
+ Footer | .pxp-main-footer
Jobs List Version 1 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Jobs Search Form | .pxp-hero-form
+ Jobs Filter Form | .pxp-jobs-list-side-filter
+ Jobs List
- Jobs List Card | .pxp-jobs-card-1
+ Footer | .pxp-main-footer
Jobs List Version 2 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Jobs Search Form | .pxp-hero-form
+ Jobs Filter Form | .pxp-jobs-list-side-filter
+ Jobs List
- Jobs List Card | .pxp-jobs-card-2
+ Footer | .pxp-main-footer
Jobs List Version 3 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Jobs Search Form | .pxp-hero-form
+ Jobs Filter Form | .pxp-jobs-list-side-filter
+ Jobs List
- Jobs List Card | .pxp-jobs-card-3
+ Footer | .pxp-main-footer
Jobs List Version 4 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
+ Jobs Filter Form | .pxp-jobs-list-side-filter
+ Jobs List
- Jobs List Card | .pxp-jobs-card-1
+ Footer | .pxp-main-footer
Jobs List Version 5 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
+ Jobs Filter Form | .pxp-jobs-list-side-filter
+ Jobs List
- Jobs List Card | .pxp-jobs-card-2
+ Footer | .pxp-main-footer
Jobs List Version 6 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
+ Jobs Filter Form | .pxp-jobs-list-side-filter
+ Jobs List
- Jobs List Card | .pxp-jobs-card-3
+ Footer | .pxp-main-footer
Jobs List Version 7 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Jobs Search Form | .pxp-hero-form
- Jobs Filter Form | .pxp-hero-form-filter
+ Jobs List
- Jobs List Card | .pxp-jobs-card-1
+ Footer | .pxp-main-footer
Jobs List Version 8 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Jobs Search Form | .pxp-hero-form
- Jobs Filter Form | .pxp-hero-form-filter
+ Jobs List
- Jobs List Card | .pxp-jobs-card-2
+ Footer | .pxp-main-footer
Jobs List Version 9 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Jobs Search Form | .pxp-hero-form
+ Jobs Filter Form | .pxp-hero-form-filter
+ Jobs List | .pxp-jobs-list-single-column
- Jobs List Card | .pxp-jobs-card-4
+ Single Job Details | .pxp-jobs-tab-content
+ Footer | .pxp-main-footer
Single Job Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Cover Image | .single-job-cover
+ Content | .pxp-single-job-content
- Details | .pxp-single-job-content-details
- Side Panels Info | .pxp-single-job-side-panel
+ Related Jobs
- Related Jobs Card | .pxp-jobs-card-2
+ Footer | .pxp-main-footer
Companies List Version 1 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Companies Search Form | .pxp-hero-form
+ Companies List
- Companies List Card | .pxp-companies-card-1
+ Footer | .pxp-main-footer
Companies List Version 2 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
+ Companies Filter Form | .pxp-companies-list-side-filter
+ Companies List
- Companies List Card | .pxp-companies-card-1
+ Footer | .pxp-main-footer
Companies List Version 3 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Companies Search Form | .pxp-hero-form
+ Companies List
- Companies List Card | .pxp-companies-card-1
+ Footer | .pxp-main-footer
Single Company Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Cover Image | .pxp-single-company-hero
+ Content | .pxp-single-company-content
- Details | .pxp-single-job-content-details
- Side Panels Info | .pxp-single-company-side-panel
+ Available Jobs
- Available Jobs Card | .pxp-jobs-card-2
+ Footer | .pxp-main-footer
Company Dashboard Layout
* Body
+ Side Panel | .pxp-dashboard-side-panel
- Logo | .pxp-logo
- Navigation | nav
- User Navigation | .pxp-dashboard-side-user-nav
+ Content | .pxp-dashboard-content
- Content Header | .pxp-content-dashboard-header
- Content Details | .pxp-dashboard-content-details
Candidates List Version 1 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Candidates Search Form | .pxp-hero-form
+ Candidates List
- Candidates List Card | .pxp-candiadates-card-1
+ Footer | .pxp-main-footer
Candidates List Version 2 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
+ Candidates Filter Form | .pxp-candidates-list-side-filter
+ Candidates List
- Candidates List Card | .pxp-candiadates-card-1
+ Footer | .pxp-main-footer
Candidates List Version 3 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-page-header-simple
- Candidates Search Form | .pxp-hero-form
+ Candidates List
- Candidates List Card | .pxp-candiadates-card-1
+ Footer | .pxp-main-footer
Candidate Dashboard Layout
* Body
+ Side Panel | .pxp-dashboard-side-panel
- Logo | .pxp-logo
- Navigation | nav
- User Navigation | .pxp-dashboard-side-user-nav
+ Content | .pxp-dashboard-content
- Content Header | .pxp-content-dashboard-header
- Content Details | .pxp-dashboard-content-details
Blog Posts Version 1 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-blog-hero
+ Featured Posts Carousel | .pxp-blog-featured-posts-carousel
+ Posts List
- Posts List Card | .pxp-posts-card-1
+ Side Panel | .pxp-blogs-list-side-panel
+ Footer | .pxp-main-footer
Blog Posts Version 2 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-blog-hero
+ Featured Posts Carousel | .pxp-blog-featured-posts-carousel
+ Posts List
- Posts List Card | .pxp-posts-card-2
+ Side Panel | .pxp-blogs-list-side-panel
+ Footer | .pxp-main-footer
Blog Posts Version 3 Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-blog-hero
+ Featured Posts Carousel | .pxp-blog-featured-posts-carousel
+ Posts List
- Posts List Card | .pxp-posts-card-1
+ Footer | .pxp-main-footer
Single Blog Post Layout
* Body
+ Header | .pxp-header
- Logo | .pxp-logo
- Navigation | .pxp-nav
- User Navigation | .pxp-user-nav
+ Hero Section | .pxp-blog-hero
+ Featured Image | .pxp-single-blog-featured-img
+ Content | .pxp-single-blog-content
+ Related Posts
- Related Posts Card | .pxp-posts-card-1
+ Footer | .pxp-main-footer
Icons
The theme makes use of Font Awesome 4.7.0 web font as its icons set.
Javascript
Files
Javascript custom files included:
[THEME]
main.js
nav.js
services.js
[PLUGIN]
MAIN
avatar-upload.js
bootstrap-datepicker.js
gallery-upload.js
ADMIN
admin.js
BLOCKS
contact-form.js
contact-info.js
faqs.js
featured-articles.js
featured-candidates.js
featured-companies.js
featured-jobs.js
features.js
job-categories.js
job-locations.js
latest-articles.js
promo.js
recent-jobs.js
services.js
subscribe.js
testimonials.js
NAV
nav.js
META
meta.js
POST TYPES
post-types.js
Plugins
Javascript 3rd party plugins included:
bootstrap.bundle.min.js Chart.min.js jquery.masonry.min.js masonry.min.js owl.carousel.min.js