Quick Links
Examples
Content
Items
This is a list of apply List Item
Heading 1
This is a text input to add the heading title for column 1 (only appears if this field has content)
Heading 2
This is a text input to add the heading title for column 2 (only appears if this field has content)
Heading 3
This is a text input to add the heading title for column 3 (only appears if this field has content)
Heading 4
This is a text input to add the heading title for column 4 (only appears if this field has content)
Extra title
This is a text input to add that will add an extra content title below main items
Extra Content
This is a WYSIWYG text area that will add an extra content area below main items
Extra 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. This will add an extra content button below main items
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
Border Colour
This is a dropdown with the eight colour options. It will set the border colour of the apply list block.
Heading / Extra Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the section at the bottom of the apply list.
Heading / Extra Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the section at the bottom of the apply list.
Content Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the content section of the apply list.
Content Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the section at the bottom of the apply list.
Apply Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the apply button.
Apply Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the apply button.
Apply Arrow Type
This is a dropdown with four different arrow options for the button. The options are: Round, Round-Solid, Short & Simple.
Extra Button Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the button in the section at the bottom of the apply list.
Extra Button Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the button in the section at the bottom of the apply list.
Extra Button Arrow Type
This is a dropdown with four different arrow options for the button in the section at the bottom of the apply list. The options are: Round, Round-Solid, Short & Simple.
Uppercase Content
This is a checkbox that will set all of the content as uppercase a bottom margin to each item.
Button Bold
This checkbox will make button text and headings bold.
Button Uppercase
This checkbox will make button text and headings uppercase/
Border Radius
This checkbox will give the apply list block curved border edges.
Has Apply Button
This is a checkbox that is required if an apply button is being used (this will help with heading alignment).
Content 1 Bold
This is a checkbox that will make the text in the first column bold.
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