Skip to main content
Content block: Cover

This how the Cover block works on your career site

Ester avatar
Written by Ester
Updated over a week ago

The Cover is the first impression of your company and is a great place to introduce your visitor. Make sure to fit your employer brand by setting ✨

You will find the Cover when you click on ContentCareer siteEdit. Let’s take a look at the different components of the Content block.

Content of the cover

The cover block consists of several different components, so let’s break them down using this 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 two buttons: Connect and Job openings. You are not able to edit this section. If you’re missing the Job openings button, it will be automatically added when you publish your first job.

5

YouTube or Vimeo video

Embed a video from YouTube or Vimeo, by pasting the URL from the published video. Your visitor will then be able to view the film right there on your career site.

6

Job highlights

Add job highlight, 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. Would you not add any Background image, your main color 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.

  • 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 allow you to add a slider that iterates through jobs, highlighting each one in the background. This is a great way to get attention to the jobs of your choosing.

Only available on the layout block CR03

Layout of the cover

You have three available options for the layout of your cover: full-screen cover (CR01), spilt-screen cover (CR02), and full-screen cover with job highlights (CR03).

Design adjustments

Additionally, you have a few design adjustments available, to make sure you customize the cover to fit your brand ever better.

The design adjustments available are the following:

Titles

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

Animation

Adding the face 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 block CR02

Background color

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

Only available on the layout block CR02

Overlay color/visibility

Add an overlay over your cover (like having a filter over the photo). Using an overlay, and adjusting the overlay visibility is a great way to make sure your text stands out even more.

Only available on the layout blocks 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?