Skip to main content
Content block: Cover

Make a strong first impression of your company by using the Cover block

Ester avatar
Written by Ester
Updated this week

The Cover block is the first thing visitors see on your career site, offering a great opportunity to introduce your company while ensuring it reflects your employer brand.

To edit your cover, go to Content, open the Home page, and select the Cover block.

Cover content

The Cover block consists of several different components, so let’s break them down using the picture and the table below.

1

Upper note *

Add a short message displayed at the top of the text. This might be a great place to greet your visitor.

2

Title

The title is the largest text of your cover block.

3

Subtitle *

A subtitle is a smaller text that’s place just below the title.

4

Connect / Job openings buttons

Your cover contains the Connect and Job openings buttons. If you’re missing the Job openings button, it will be automatically added when you publish your first job.
These two items cannot be edited

5

YouTube or Vimeo video

Embed a video from YouTube or Vimeo, by pasting the URL from the published video. The video will be played right there on your career site for your visitors once clicked.

6

Job highlights

Choose to highlight job(s) in the cover, more on this below.

Only available on the layout block CR03

* If you are unable to see any of these options, make sure you have enabled these titles under the block’s design adjustments.

Cover image/video

Additionally, you can add a background to your cover block, which can be an image or a video:

  • Cover Background Image

This is the picture that will welcome the candidate to your career site, and the minimum size for the picture is 1200x500px. If you don't add any Background image, your main color from Global design will be displayed instead.

  • Cover Background Video

You can choose to have a video to make the candidate stay a little bit longer on your site, and the maximum file size is 300 MB. The following file formats are supported: .mp4, .webm, .flv, .mov, .ogv, .3gp, .3g2, .wmv, .mpeg, and .avi.

  • Cover Background Video for Mobile (portrait)

Choose if you want a specific video to be used for visitors coming to your career site from a mobile device, where portrait layout is most common. The maximum file size is 300 MB, and we recommend an aspect ratio is 9:16. If nothing is uploaded, your Cover Background Video/Image is used.

Job highlights

Job highlights feature a timed slider that automatically switches between jobs, showcasing each one in the background. This is a great way to grab attention and highlight specific opportunities effortlessly.

Only available on the layout CR03

Cover layout

At the top of the block, you have three available options for the layout of your cover:

  • Full-screen cover (CR01)

  • Split-screen cover (CR02)

  • Full-screen cover with job highlights (CR03)

Cover design

Additionally, you have a few design adjustments available to ensure you can customize the cover to fit your brand even better.

Example with the layout option CR02

The design adjustments available are the following:

Titles

Decide on the combinations of titles you wish to use in the cover block. You choose Title, Title + Subtitle, or Title + Subtitle + Upper note.

Animation

Adding the fade-in animation results in the content of the cover smoothly fading into view when visiting your page.

Order

When using the split-screen layout, decide which order you want the image/text to be in. The default places the image to the right.

Only available on the layout CR02

Background color

When using the split-screen layout, decide on the background color of the text part of the cover.

Only available on the layout CR02

Overlay color/visibility

Add an overlay to your cover, similar to applying a filter over a photo. Adjusting the overlay’s visibility is a great way to ensure your text stands out even more.

Only available on the layouts CR01 & CR03

Content color

Pick the color of the cover block’s content (button design is decided under your Global design settings).

Custom class

If you’ve enabled the option to add custom coding to your career site, this is where you can add the specific custom class target of the cover block.

Did this answer your question?