We permanently develop our Job Ad Designer: in addition to the ability to change the entire background of the job template, we are also working on the ability to make individual blocks in different color. Until this feature comes, you can change the background color with the help of some HTML codes.
Table of contents
1. Access to the source code
Open the source code menu (< >) of the paragraph, where you want to change the color.
2. Source code
The source code editor allows you to make changes, which currently are not available in the job ad designer. When you open the source code editor of the paragraph "Unser Unternehmen", then you see the following code:
<h1 class="text-element-header_text text-element-default-text">Unser Unternehmen</h1>.
3. How to add a DIV block
To change the background color, add the HTML element DIV to the beginning of the block.
<div style="background-color: color;">
A DIV block has to be always closed, therefore add the following element to the end of the block:
Hint: Add a name of a color, HEX, RGB(A) or HSL(A) value instead of color. You find a precise description of various options on the homepage of W3Schools, which is the biggest platform for developer: https://www.w3schools.com/cssref/css_colors_legal.asp. For example: the term „lightgrey“ (instead of color) will create a light grey background. The HTML block will look like this:
The light grey background in the job template:
We create in the following example a light red background with the help of the HSL function.
The light red background in the job template: