Career site themes

Recruitment Marketing Public

A theme determines the overall look and feel of your career site. It encompasses those elements that are central to your brand aesthetic such as colours and fonts. When it comes to attracting and engaging candidates, first impressions count - which is why it's important that you take some time to get your theme right. Recruitment Marketing allows you to create themes to your own brand specifications, ensuring that your online visitors enjoy a cohesive and consistent brand experience - from your corporate site homepage right through to your career site and jobs pages.

Not to be confused with the Recruitment module Job Pages.

Creating a theme

  1. From the side menu, under Organisation click Themes.
  2. Click the New button.
  3. On the New Theme page, complete the following:
    • Theme Name - enter a name
    • What kind of theme would you like - whether you are creating a theme for use with pages on your career site, or with email.
    • What existing page theme is this based on - select an existing theme to use as the basis for your latest theme
  4. Click the Save button.
  5. On the Edit Theme page, click the Colours tab
    • Using the individual drop downs, and paying attention to your brand guidelines, set the hex colour code for each of the following theme components:
    • Text (including Header H1, Header h1, Header h2, Link and paragraph/body Text)
    • Header / Footer (including Footer Background Colour, Footer Foreground Colour, Header Background Colour, and Header Foreground Colour)

  6. Click the Save button to keep the settings.
  7. Click the Fonts tab to determine which fonts will appear on your career site and jobs pages. Fonts can also be added through the CSS, using the import method. Alternatively, the @font-face CSS rule can be used by uploading the font files to the Hosted Files section.
    Recruitment Marketing supports the use of 3rd party fonts. To import custom fonts please refer to the W3 Schools guide.
  8. Click the CSS tab to add any custom CSS code and styling. This will automatically override the default theme it was based on.
  9. Click the Javascript tab to add custom javascript.
  10. Click the Layouts tab to add any custom headers and footers
    • Header and menu HTML to be added under <!-- custom headers and menus -->
    • Footer HTML can be added under <!-- custom footer -->

  11. Click the Hosted Files tab to upload logos and/or social media icons, or fonts as mentioned in above. The files must be zipped in a folder for upload, and it is best to separate the fonts from the images.
  12. Click the Third Party Analytics tab to enter:
    • Google Analytics Tracking Code / ID - for example: UA-1234567.
      Related: Google Analytics
    • Facebook Pixel Code / ID
  13. Click the Save button the keep the settings.

Applying a theme to a page

There are two ways to add a theme to a page:

Outside the page editor

  1. From the side menu, under Content click Web Pages.
  2. Click the name of the relevant web campaign.
  3. Next to the relevant page, click the more actions icon and select Settings.
  4. In the Edit Page Settings screen, click Appearance & Behaviour.
  5. From the Theme drop down, select the required theme.
  6. Click the Save button.

Inside the page editor

  1. For the relevant page, access the page editor.
  2. From the top right corner, click on the Settings button then select Settings from the drop down.

  3. In the Edit Page Settings screen, click the Appearance & Behaviour tab.
  4. From the Theme drop down, select the required theme.
  5. Click the Save button.

Setting the default page theme

If required, you can set a default page theme as follows:

  1. From the side menu, under Company click Settings.
  2. Under Web click Page themes & routing.
  3. From the Default Theme drop down, select the required item.
  4. Click the Save button.



Article is closed for comments.