Under General Design: Buttons and links you have the option to specify styling for your buttons and links which we will go through below.
First, you need to specify at the top what you wish to change: whether it's the default state or hover state of the button or link. Default state is the state the page is in without running the cursor over buttons or links, whereas hover state is the state you see when you run the cursor over either a button or link.
Button color
- Font color: Choose a color for your button text by adding the color with a hexadecimal format starting with #. If you click on the text field, you will be able to bring up a color table from which you can select a color.
- Background color: If you would like to add a background color to your paragraph text, you can do so by adding the color with a hexadecimal format starting with #. If you click on the text field, you will be able to bring up a color table from which you can select a color.
Typography
Here you have the following options to define the layout of the buttons:
- Font: We support Google fonts. If you want to use another font for your career page, please send a request and the file itself to support@hr-on.com
- Font Size: You can change the size of the text in pixels for example 18px
- Weight: In terms of text weight - the thickness of the letters - you can choose between Normal, Bold, Thin and Bolder
More options
Additionally, you can click on More Options and adjust look of the buttons:
- Line spacing: This defines the distance between the lines in pixels for example 25px
- Letter spacing: Here you can state how much spacing you want between the letters in the text
- Upper/lowercase: Here you can choose if you want the body text to be written exactly as it is in the job post by choosing None. You can also choose if the text should consistently show up with small or capital letters
- Over/underscore: Here you can state if you want a line over the body text, a line through it, a line under it or a line both above and below it
Corner radius
Here you have the option to change how the corners of the placeholder, where the candidate enters their information, should look like. You can therefore change the rounding for the box in the top left, top righ and bottom left and bottom right. This is indicated in pixels, e.g. 4px
Borders
With Border Width and Border Color you can specify which color, you would like the border of the butto to have.
The border width is indicated in pixels, e.g. 0.5px, and Border Color is indicated with a color code starting with #. You also have the option to click on the text field and select a color from the color table.
Link color
- Font color: Choose a color for the text in your link by adding the color with a hexadecimal format starting with #. If you click on the text field, you will be able to bring up a color table from which you can select a color
- Background color: If you would like to add a background color to your link text, you can do so by adding the color with a hexadecimal format starting with #. If you click on the text field, you will be able to bring up a color table from which you can select a color
Click Save Changes or click the return button to go back to the other settings for the career page.