Introduction

Every page on your careers site is built from two things: a theme that sets its colors, fonts, navigation, and footer, and a stack of sections that make up the body of the page. Once you understand those two pieces, you can restyle a whole site or rewrite a single paragraph with the same editor.

This article walks through the page editor, how to create and manage themes, and how to add and edit sections.

To open a page for editing, go to your CareersHub dashboard, hover over the page you want to change, and click Edit.

You can also open the editor from the page's ⋯ menu, which additionally lets you View, Duplicate, Set as Homepage, or Delete the page.

The bar above the editor holds everything that applies to the page as a whole. From left to right:

On the right side of the editor you'll find:

The sidebar hides while you're editing a section, and reappears when you're done.

A theme determines a page's colors, fonts, navigation, and footer, so you can carry your company's branding across your whole careers site. You can create several themes and choose which pages use each one.

In the editor sidebar, click the ⋯ menu on the theme card and select Switch theme.

Click New theme in the top right.

Give your theme a name and click Create.

Customize it using the steps below.

Hover over the theme card in the sidebar and click Edit theme. The card shows a preview of the theme and how many pages use it.

Set the navigation Layout.

The theme editor has four sections. Click one to expand it.

Set the Heading color, Paragraph color, Accent color, Primary button text, and Page background color for every page using this theme.

Choose the Heading font, Paragraph font, and Button font. For each one you can also set the weight and turn on italic or UPPERCASE. Font size sets the overall text scale to Small or Medium.

The navigation is the bar at the top of your careers site. Here you can add your logo and link to other pages so candidates can find their way around.

Set the navigation Layout.

Under Logo, click Upload logo to drag and drop or upload your logo. Use the slider below it to adjust the logo's size.

Use Links, Social links, and Button to highlight pages, your social media channels, or a website in the navigation. Click Edit on each to:

Under Navigation color scheme, choose Section to inherit the colors of each page's first section, or Custom to set a Background color and Link color yourself.

Under Content boundary, choose Full screen so the navigation spans the whole screen, or Inset so it's indented on each side.

Turn on Sticky navigation to keep the navigation visible as candidates scroll. Choose On scroll to show it whenever the page is scrolled, or Only on scroll up to show it only when scrolling back up.

A footer at the bottom of your careers site can link to social media, additional pages, or other information.

Switch on Display footer.

Add a Logo, then click Edit on Links and Social links to add destinations.

Adjust the Footer size, Link color, and Background color.

Turn Recruitee branding off if you'd rather not show it.

When you're finished, click Update to apply your changes to every page using the theme, or Cancel to discard them.

Use different themes to style parts of your careers site differently — useful when you have several brands or entities with their own look and feel.

In the editor sidebar, click the ⋯ menu on the theme card and select Switch theme.

Hover over the theme you want and click Select this theme. The page updates so you can preview the result.

Click Update to keep it, or Back to return to your original theme.

From the same list, each theme's ⋯ menu also offers Duplicate theme, Change name, and Delete.

You can delete a theme only when no pages are using it. If a page is still using the theme, switch it to another theme, such as Default, before deleting the theme.

Sections make up the body of your page. You can add as many as you like, in any order.

Hover between two existing sections and click Add section.

The Section library opens. Pick a section type from the list on the left, then choose a layout from the options on the right.

The section types available are:

Hover over a section and click Edit section, or open the ⋯ menu next to it in the sidebar and choose Edit section.

The section editor opens, with three tabs at the top:

Edit the section's content as described below.

Click Done in the top right when you're finished.

Click a text box to start editing. A toolbar appears above the section for formatting and styling.

Click + in the toolbar to add a Button, Paragraph, or Heading 1 to Heading 4 on a new line.

Click a button in the text editor to select it, then click the pencil icon to edit its label and destination.

Under the destination field you can link to a Page on your careers site, a specific Section of a page, a Job, a Web address, an Email address, or a Phone number. You can also choose Open in new tab.

Click + next to a button to add another one inline, or a text block on a new line.

Hover over the image and click the edit icon. From there you can edit the image details, add alt text, replace the image, or delete it.

Click the edit icon in the top right of any image to open the gallery editor, where you can add images, remove them, reorder them, and edit each one's details and alt text.

Hover over the list and click the pencil icon, or open the section's ⋯ menu and choose Edit list.

Pick a card from the list on the left to edit its Image, Title, and Description, or click Delete card to remove it.

Switch on Show button to add a button to the card, then set the Button URL and Button label.

Click Add new to add more cards, and drag and drop them to reorder.

Hover over the map and click Edit map locations.

Type an address into the search bar to find your location, then add a Title and Description.

Click Add new for additional locations, and drag and drop them to reorder.

There are two ways to change a section's position:

Either way, the section moves immediately so you can see the result.

To remove a section, open its ⋯ menu — on the section itself or in the sidebar — and choose Remove.

Say you're hiring for a parent company and a recently acquired startup, and the two have different visual identities.

Build your parent company's pages first, using your default theme.

Open one of those pages, click Switch theme, then New theme, and name it after the startup.

Edit the new theme with the startup's colors, fonts, logo, and footer.

Open each of the startup's pages and switch it to the new theme.

Both sets of pages now live on one careers site, share one editor, and keep their own branding. Update the startup's colors later and every page using that theme changes at once.