All Collections
The Live Editor
Designing
Styling your job posts and career page
Styling your job posts and career page

Use the Live Editor to customize your job posts and career page, and take full control of styling options like padding and fonts.

Stephen avatar
Written by Stephen
Updated over a week ago

You can style your job posts and career page using simple features like bold or italic, or with more advanced features like adjusting the line height or changing the padding. In this article, we'll walk you through the basic options, as well as the more advanced features of our Live Editor Page Styling options.

Styling text

Select the text you want to style, a tooltip will appear:

  • Use B to make your selection bold.

  • Use I to make your selection Italic.

  • Use U to underline your selection.

  • Use the # to add a hyperlink to the selected text.

  • Use H1 to style the selection text as a header.

  • Use “ to layout the selection as a quote.

  • Use 1. to create a numbered list.

  • Use the bullet icon to create a bullet point list.

  • Use the align icon to center text. Click again to align back left.

Styling job blocks

Set the background image and/or color

By default, all job blocks will have the Background color that's set in the Page styling menu on the right. You can also set a background image, and/or a background color for each job block. When there's both an image and a background color set, you can adjust the opacity to make the background image more transparent.

  1. To set a background image, or change the background color, hover over the job block you'd like to edit

  2. Next, click the Appearance icon and click Background

  3. You can now add or replace the background color, and/or set a background image

  4. To adjust the opacity, switch to the "Image" tab and move the slider more to the left or the right

Changing the padding

With the Padding properties of a Job Block, you’re changing the space above and below that Job Block. For example, when you set Padding to 0 (top and bottom), the content will directly 'touch' the next Job Block. If you set Padding to e.g. 200px, you create some visual breathing space (e.g. for a quote).

  1. To change the padding, hover over the job block where you'd like to adjust the padding

  2. Next, click the Appearance icon and select Padding

  3. Use the dropdown to choose the padding size (in pixels), or add your own

Changing the font and font properties

You can change the font for the different text types in your job posts and career page.

  1. When you're working in the editor, make sure the Page styling menu is enabled on the right side. If not, click the Page styling icon (the paint brush) in the top right corner of the Live Editor

  2. Next, choose a font for the title, subtitle, job type, headings, body text and quotes. Every font on your page will change accordingly

Changing font properties

You can change some of the font properties for the different types of text in your job posts and career page.

  1. When you're working in the editor, make sure the Page styling menu is enabled on the right side. If not, click the Page styling icon (the paint brush) in the top right corner of the Live Editor

  2. Next, Click the type of text you want to change, and adjust the properties:

    1. Weight

    2. Size

    3. Line height

    4. Letter spacing

    5. Color

Any of the changes you make will be visible right away.

Looking for a way to use a custom font?
Read more about adding and using custom fonts.

Saving and copying page styling

You can copy the Page styling settings from one job (or career page) to another job. This way you won't have to adjust the individual Page styling settings on each job.

  1. At the right in the Page styling sidebar, scroll down to the three dots displayed at the bottom

  2. Click on the three dots and click Copy page styling

  3. Switch to the job where you'd like to use the Page styling settings

  4. Again, click the three dots and click Paste page styling

Did this answer your question?