Quick Links
Examples
Head of Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque efficitur ante non massa consectetur, sed placerat velit pharetra. Nam pulvinar laoreet tincidunt.
Nunc vel velit convallis, sollicitudin massa sit amet, interdum ligula. Nullam non nulla et dui cursus elementum. Proin tincidunt tristique lacus, eu mattis ligula luctus at.
Content
Title
This is a text field to input the title of the role.
Content
This is a (WYSIWYG) text area.
Salary
This is a text field to input the salary for the role.
Location
This is a text field to input the location of the role.
Closing Date
This is a date picker to set the closing date of the role. If the "closing date - hide buttons" setting is selected then it will hide buttons / show message on role when it has expired.
Apply Link
This is a single link which can go to another page on the site or an external link. The link title will be the button text.
Alt Link
This is a single link which can go to another page on the site or an external link. The link title will be the button text.
Role Closed Text
This is a text field to input text that will display if a role expires and the buttons are hidden (via settings). (default text will be "This role is now closed.")
Block Name
This is a text input to add the block name to help distinguish between the content blocks. This is only seen on the CMS.
Settings
Closing Date - Hide Buttons
This checkbox will hide buttons / show message on role when the role has expired (past the closing date)
Title Type
This dropdown will set the card title type. The options are H1 - H6
Title Size
This dropdown will set the font size of the card title. The options are X-Small, Small, Medium, Large, X-Large.
Title Bold
This checkbox will make title text bold.
Title Uppercase
This checkbox will make title text uppercase.
Show Labels
This checkbox will show / hide labels for the salary and location fields.
Apply Button Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the apply button.
Apply Button Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the apply button.
Apply Button Hover Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the apply button on hover.
Apply Button Hover Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the apply button on hover.
Apply Button Arrow Type
This is a dropdown with four different arrow options for the apply button. The options are: Round, Round-Solid, Short & Simple. If no option selected the arrow will not show on the button.
Alt Button Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the alt button.
Alt Button Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the alt button.
Alt Button Hover Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the alt button on hover.
Alt Button Hover Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the alt button on hover.
Alt Button Arrow Type
This is a dropdown with four different arrow options for the alt button. The options are: Round, Round-Solid, Short & Simple. If no option selected the arrow will not show on the button.
Button Bold
This checkbox will make button text bold.
Button Uppercase
This checkbox will make button text uppercase.
General Block Settings
GRID SIZE
Full width - A checkbox to select if the container is full viewport width
Grid size (Desktop) - A dropdown of options to choose the grid cell size at desktop size (Large - 12 columns, Medium - 10 columns, Small- 8 columns, X-Small- 6 columns, XX-Small- 4 columns)
Grid size (tablet) - A dropdown of options to choose the grid cell size at tablet size (Large - 12 columns, Medium - 10 columns, Small- 8 columns, X-Small- 6 columns, XX-Small- 4 columns)
GRID ALIGNMENT
Horizontal Grid Alignment - The horizontal alignment of the block and items (Left, Right or Centre)
Vertical Grid Alignment - The vertical alignment of the block and items (Top, Middle or Bottom)
Items Align - Align the items of the block (Left, Right or Centre) - this will only be used on multi item blocks that are side-by-side
Content Text Align - Align the text of the block (Left, Right or Centre)
SPACING
The settings below all use the same values for desktop (None = 0px, X-Small = 10px, Small = 20px, Medium = 30px, Large = 50px, X-Large = 80px, XX-Large = 100px). Default is 0.
Padding Top
Padding Bottom
Margin Top
Margin Bottom
BACKGROUND
Background Colour - Use the eye-drop picker to choose the background colour of the block.
Background Colour on Container - Set if background colour appears on container or main block (Default: Main block)
Background Image - Select image from media folder to display on background of the main block.
Background Image Position - The position of the background image, default will be top left. Select an option of keyword pairings to set the position.
Background Image Size - This will change the way the background image displays. 100% by default. Options (Auto, Contain, Cover)
Overlay Tint - Colour dropdown for overlay tint. Options (Primary, Secondary, Heading, Body font, Light grey, Dark grey, White, Black)
Overlay Tint Amount - Select the opacity of the overlay (0 = no tint, 100 = solid colour tint)
Block Font Colour - Adds a class to overwrite the font colour of the block.
VISIBILITY
Hide - Hide this block (useful for working on a block while the site is live)
BLOCK ID
Block ID - Add an ID to target this section with a link or for custom CSS
CUSTOM CLASSES
Custom Classes - Add a custom class to the block