Documentation

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:

  1. Login in WordPress admin area.
  2. Choose Appearance > Themes from the left menu of the admin panel.
  3. Click on Add New button.
    Jobster theme installation
  4. After Add Themes section opens, click on Upload Theme.
  5. 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.
  6. Activate the theme by clicking Activate.
  7. You will be able to see the theme installed in the Themes section, as seen in the image below:
    Jobster theme activation

Required plugin installation

Jobster theme requires a WordPress plugin — Jobster Plugin — in order to function.

  1. After the theme is activated, the following message will be displayed at the top of the screen:
    Jobster plugin installation
  2. Click on Begin installing plugin.
  3. Wait until the plugin installation is done.
  4. Activate the plugin.

NOTE: The plugin is also available for manual installation inside the package received from ThemeForest.

Import demo

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

  2. 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:

  1. Go to Jobster admin menu and open the Theme Setup section.
  2. Choose the demo that you previously imported and click on Run Setup button, as seen below:
  3. Jobster theme setup

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:

  1. 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:
    Jobster theme website general settings
  2. Click Save Changes.
  3. Go to Settings > Permalinks and change Common Settings to Post name, as seen in the image below:
    Jobster theme permalink settings
  4. Click Save Changes.

Homepage setup

For homepage setup, please follow the steps below:

  1. Go to Pages > Add New.
  2. Choose a page title like Home.
  3. Compose your homepage content inside the page editor.
  4. 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.
  5. Choose a Header Type for your page hero from the Header section of the page. More about the header types here.
Jobster theme hompage setup
  1. Click Publish.
  2. 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:
    Jobster theme homepage reading settings
  3. Click Save Changes.

Blog setup

For blog setup, please follow the steps below:

  1. Go to Pages > Add New.
  2. Choose a page title like Blog.
  3. You don't need to write anything inside the page editor.
  4. Set the Template to Default template.
Jobster theme blog setup
  1. Click Publish.
  2. 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:
    Jobster theme blog reading settings
  3. Click Save Changes.

Menu setup

For menus setup, please follow the steps below:

  1. Go to Appearance > Menus.
  2. 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.
    Jobster theme create menu
  3. Check Top primary menu option under Menu Settings > Display location.
    Jobster theme menu setup
  4. Click Save Menu button.
  5. 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:

Jobster 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:

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

    Jobster job search page template Jobster job search page front-end
  2. 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.

    Jobster job search external APIs page template Jobster job search external APIs page front-end
  3. 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.

    Jobster company search page template Jobster company search page front-end
  4. 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.

    Jobster job categories page template Jobster job categories page front-end
  5. 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.

    Jobster company dashboard page template Jobster company dashboard page front-end
  6. 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.

    Jobster company dashboard profile page template Jobster company dashboard profile page front-end
  7. 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.

    Jobster company dashboard new job page template Jobster company dashboard new job page front-end
  8. 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.

    Jobster company dashboard manage jobs page template Jobster company dashboard manage jobs page front-end
  9. 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.

    Jobster company dashboard candidates page template Jobster company dashboard candidates page front-end
  10. 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.

    Jobster company dashboard subscriptions page template Jobster company dashboard subscriptions page front-end
  11. 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.

    Jobster company dashboard change password page template Jobster company change password jobs page front-end
  12. 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.

    Jobster company dashboard inbox page template Jobster company inbox jobs page front-end
  13. 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.

    Jobster company dashboard notifications page template Jobster company notifications page front-end
  14. 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.

    Jobster candidate search page template Jobster candidate search page front-end
  15. 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.

    Jobster candidate dashboard page template Jobster candidate dashboard page front-end
  16. 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.

    Jobster candidate dashboard profile page template Jobster candidate dashboard profile page front-end
  17. Candidate Dashboard - Apply

    This page template is used for candidates that wish to apply for a job without having to sign in or register.

    Jobster candidate dashboard apply page template Jobster candidate dashboard apply page front-end
  18. 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.

    Jobster candidate dashboard applications page template Jobster candidate dashboard applications page front-end
  19. 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.

    Jobster candidate dashboard fav jobs page template Jobster candidate dashboard fav jobs page front-end
  20. 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.

    Jobster candidate dashboard change password page template Jobster candidate change password jobs page front-end
  21. 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.

    Jobster candidate dashboard inbox page template Jobster candidate inbox jobs page front-end
  22. 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.

    Jobster candidate dashboard notifications page template Jobster candidate notifications page front-end

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.

Jobster theme settings

Theme setup

This section is covered here.

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, Similar Jobs Title on Job Page, Similar Jobs Subtitle on Job Page, Allow candidates to apply to jobs without being registered. Go ahead and set them. Click Save Changes

Jobster theme Jobs settings

Companies

In Companies section you can set options related to Companies pages, like Companies per Page, Company Page Layout. Go ahead and set them. Click Save Changes

Jobster theme Companies settings

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. Go ahead and set them. Click Save Changes

Jobster theme Candidates settings

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

Jobster theme Blog settings

Authentication

In Authentication section you can set authentication options, like Terms and Conditions Page URL, Candidate After Sign In Redirect Page, Company After Sign In Redirect Page, Disable Candidate Registration, Disable Company Registration. Go ahead and set them. Click Save Changes

Jobster theme Authentication settings

In Footer section you can set footer options, like Copyright Text and social media URLs. Go ahead and set them. Click Save Changes

Jobster theme Footer settings

Colors

In Colors section you can set the colors for the theme's components.

Jobster theme Colors settings

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.

Jobster theme Membership & Payment settings

In order to have paid job postings, you have 2 options: Pay per job posting and Membership plan.

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

    Jobster theme Pay per job posting settings
  2. 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.

    Jobster theme Membership plan settings

For payment systems you have two options to choose: PayPal and Stripe.

  1. PayPal

    Jobster theme PayPal settings

    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:

    1. Access PayPal Developer website here.
    2. Go to Dashboard > My Apps & Credentials and click on the Create App under REST API apps section.

      Jobster theme PayPal My Apps & Credentials
    3. 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.

      Jobster theme PayPal Create New App settings
    4. 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.

      Jobster theme PayPal App settings
    5. 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:

      Jobster theme PayPal live settings
  2. Stripe

    Jobster theme Stripe settings

    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:

    1. Create a Stripe account and login to the dashboard. Navigate through the Developers API keys menu to get the API keys.

      Jobster theme Stripe API keys
    2. Go to WordPress admin dashboard > Pages > Add New and create a new page having the Stripe Processor template, like this:

      Jobster theme Stripe processor page
    3. Go to Stripe dashboard > Webhooks and click on Add an endpoint

      Jobster theme Stripe webhooks
    4. 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

      Jobster theme Stripe endpoint

Job Board External APIs

Jobster is supporting 3rd party job board APIs.

Jobster theme Job Board External APIs settings

Here is a list of the supported systems:

  1. Careerjet

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:

  1. Go to Companies > Add New Company in WordPress admin menu.
  2. Fill in the company name, add a short description using the text editor, enter the details.
  3. Choose a Company Industry from the right side panel.
  4. Choose a Company Location from the right side panel.
  5. Check Allow comments option from Discussion section on the right side panel, if you wish the company to receive messages from candidates.
  6. Upload the Company Logo and Company Cover image.
  7. Assign a user in the User section at the bottom. Make sure first that you have created a user in Users section.
  8. If you want the company to be set as featured, check Set as Featured option from the Featured right side panel.
  9. Click Publish button.
Jobster theme create company

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:

  1. Go to Jobs > Add New Job in WordPress admin menu.
  2. Enter a job title and description using the content editor.
  3. Choose a job location, category, type and level from the right side panels.
  4. If you want the job to be set as featured, check Set as Featured option from the Featured right side panel.
  5. Upload a Job Cover image.
  6. Enter the Job Details.
  7. Assign a company from the dropdown menu in Company section.
  8. Click Publish button.
Jobster theme create job

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:

  1. Go to Candidates > Add New Candidate in WordPress admin menu.
  2. Fill in the candidate name, add a short description using the text editor, enter the details.
  3. Choose a Candidate Industry from the right side panel.
  4. Choose a Candidate Location from the right side panel.
  5. Add Candidate Skills from the right side panel.
  6. Check Allow comments option from Discussion section on the right side panel, if you wish the candidate to receive messages from companies.
  7. Upload the Candidate Photo and Candidate Cover image.
  8. Add Work Experience
  9. Add Education and Training
  10. Upload the Resume
  11. Assign a user in the User section at the bottom. Make sure first that you have created a user in Users section.
  12. If you want the candidate to be set as featured, check Set as Featured option from the Featured right side panel.
  13. Click Publish button.
Jobster theme create candidate

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.

Jobster theme new subscriber
Jobster theme add subscriber module

Testimonials

Jobster theme offers the possibility of adding testimonials that can be included in pages as visual module.

Jobster theme testimonials

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:

Jobster theme page headers
  1. None
    Jobster theme no page header settings
  2. Animated Cards
    Jobster theme animated cards page header settings Jobster theme animated cards page header
  3. Image Rotator
    Jobster theme image rotator page header settings Jobster theme image rotator page header
  4. Illustration
    Jobster theme illustration page header settings Jobster theme illustration page header
  5. Boxed Animation
    Jobster theme boxed animation page header settings Jobster theme boxed animation page header
  6. Image Background
    Jobster theme image background page header settings Jobster theme image background page header
  7. Top Search
    Jobster theme top searcgh page header settings Jobster theme top searcgh page header
  8. Image Card
    Jobster theme image card page header settings Jobster theme image card page header

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

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "contact form" and after you find it, click on it:
    Jobster theme add contact form module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme contact form module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme contact form module

Contact info

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "contact info" and after you find it, click on it:
    Jobster theme add contact info module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme contact info module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme contact info module

FAQs

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "faqs" and after you find it, click on it:
    Jobster theme add faqs module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme faqs module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme faqs module
  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "featured articles" and after you find it, click on it:
    Jobster theme add featured articles module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme featured articles module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme featured articles module
  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "featured candidates" and after you find it, click on it:
    Jobster theme add featured candidates module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme featured candidates module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme featured candidates module
  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "featured companies" and after you find it, click on it:
    Jobster theme add featured companies module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme featured companies module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme featured companies module
  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "featured jobs" and after you find it, click on it:
    Jobster theme add featured jobs module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme featured jobs module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme featured jobs module

Features

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "features" and after you find it, click on it:
    Jobster theme add features module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme features module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme features module

Job categories

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "job categories" and after you find it, click on it:
    Jobster theme add job categories module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme job categories module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme job categories module

Job locations

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "job locations" and after you find it, click on it:
    Jobster theme add job locations module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme job locations module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme job locations module

Latest articles

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "latest articles" and after you find it, click on it:
    Jobster theme add latest articles module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme latest articles module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme latest articles module

Promo

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "promo" and after you find it, click on it:
    Jobster theme add promo module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme promo module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme promo module

Recent jobs

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "recent jobs" and after you find it, click on it:
    Jobster theme add recent jobs module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme recent jobs module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme recent jobs module

Services

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "services" and after you find it, click on it:
    Jobster theme add services module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme services module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme services module

Subscribe

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "subscribe" and after you find it, click on it:
    Jobster theme add subscribe module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme subscribe module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme subscribe module

Testimonials

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "testimonials" and after you find it, click on it:
    Jobster theme add testimonials module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme testimonials module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme testimonials module

Membership

  1. Open the page you want to edit or create a new one.
  2. Click on the "+" button from the content editor area.
  3. Search for "membership" and after you find it, click on it:
    Jobster theme add membership plans module
  4. Options for the module will be displayed inside the content edit area:
    Jobster theme membership plans module options
  5. Fill in the options, click Publish/Update
  6. Check the result:
    Jobster theme membership plans module

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:

  1. 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.
    Jobster theme Elementor installation
  2. Create an Elementor page: go to Pages > Add New and set the Template to Full Width. See the image below:
    Jobster theme new Elementor page
  3. Click on the Edit with Elementor button in order to activate the Elementor editor.
    Jobster theme edit with Elementor
  4. After the Elementor editor is loaded, you'll find the Jobster widgets on the side toolbar under the Jobster category.
    Jobster theme Elementor custom widgets

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:

  1. Go to admin dashboard > Jobster > Job Board External APIs > API System and set it to Careerjet.
  2. Set the Careerjet Locale and the Careerjet Affiliate ID. More about getting the Affiliate ID here.
  3. Click Save Changes.
Jobster theme Careerjet settings

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 Careerjet page header search form settings

Jobster theme includes Jobs and Job Locations page modules that integrate with Careerjet:

Jobster theme Careerjet page modules

Jobster theme includes Jobs and Job Locations Elementor widgets that integrate with Careerjet:

Jobster theme Careerjet Elementor widgets

Translation

Both Jobster theme and Jobster Plugin are translation ready, providing the .pot language file. We recommend using Loco Translate plugin for translation.

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