Quick Links
Examples
Article 6
6 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare tempor consectetur. Cras sit amet vestibulum dui. Orci varius natoque penatibus et magnis.
Article 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare tempor consectetur. Cras sit amet vestibulum dui. Orci varius natoque penatibus et magnis.
Content
Blog Parent
This is a single link picker, which allows the user to choose the parent of the blog items to be shown on the blog list block.
Button Text
This is a text field to input the text of the button for the blog items. This will show on the buttons for all blog items, if left empty no buttons will show on the blog items.
Empty Text
This is a text field to input the text that will show if no articles exist. Default text is - "There are no articles"
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
Limit
This slider will set the amount of items shown. Options are 0 - 10 (0 is the default and will show all items).
Use Pagination
This checkbox will set pagination on the blog list. The user will have to set a limit (above). This will show a certain amount of items per page.
Show Date
This checkbox will show the article date on the blog list item. The date doesn't show by default.
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.
Card Content Padding
This dropdown will set the padding of the items. The options are Small, Medium, Large, X-Large.
Cards Border Radius
This checkbox will add a border radius to the card items.
Cards Shadow
This checkbox will add a shadow to the card items.
Fixed Buttons
This checkbox will fix the buttons to the bottom of the the card items.
Card Background Colour
This is a dropdown with the eight colour options. It will set the block colour of the card items.
Card Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the card items.
Button Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the buttons.
Button Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the buttons.
Button Hover Background Colour
This is a dropdown with the eight colour options. It will set the background colour of the buttons on hover.
Button Hover Font Colour
This is a dropdown with the eight colour options. It will set the font colour of the buttons on hover.
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. 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