Links provide multiple different styling options for links, with the options to include icons and background images.
Block setup
Elements to consider when building Links:
Link style
There are multiple styling options for the Links block:
Block appearance
The Links block has the option to include an icon and/or a background image.
The link colouring can be changed to faculty colours.
Section layout
The width of the section will affect the width of the Links block.
Block examples
Hover and celect the different types of Links in the examples below to view how they work.
Option links
- A Links block placed within an extra-wide contained width section
- Options link style
- Links each have a custom image background and are set to different faculty colours (Engineering and Health)
Button links
- A Links block placed within an extra-wide contained width, two-column section
- Buttons link style
- Links each have an icon and a solid background colour
- A Links block placed within an extra-wide contained width, two-column section
- Navigation bar link style
- Links are set to different faculty colours (Math, Arts, and Environment)
- The size of the buttons change according to the amount of text in the description field of each link.
- Each button is linked to an anchor/block ID on the page.