Callout Cards
Add a group of 2-4 cards, each contains text, a link and optional image.
How to use
- Choose a Background Colour: Orange, Pink, Purple Light or Teal
- Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
- Add a Title
- Add 2-4 Cards. For each card:
- Optionally select a suitable image from the Media Library for the Image.
Recommend image is at least 1280px x 660px. The image can be any size or aspect ratio, and will be cropped and resized to 1280px x 660px automatically by a service called PXL. Find out how PXL crop and resize works. - Add a Title
- Add Text
- Select a section or content item for the Internal Link (ignore the Use default link text checkbox), or paste the full URL for the External URL (please do not enter both)
- Optionally select a suitable image from the Media Library for the Image.
Content Type Details
ID: 454
Name: Callout Cards
Description: A group of 2-4 cards, each contains text, a link and optional image
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Background Colour | Select the colour of the Background | N/A | Select Box (List: Callout Cards Colour) | Yes |
| Quick-Nav Text | This text will be used for the Quick Navigation Bar/Progress Navigation | 24 Characters | Plain Text | No |
| Title | Add a title for the section | 80 Characters | Plain Text | No |
| Card 1 - Image | Select a suitable image from the Media Library to add an Image for the card | N/A | Media | No |
| Card 1 - Title | Add a Title for the card | 50 Characters | Plain Text | Yes |
| Card 1 - Text | Add Text for the card | 200 Characters | Plain Text | No |
| Card 1 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Card 1 - External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| Card 2 - Image | Select a suitable image from the Media Library to add an Image for the card | N/A | Media | No |
| Card 2 - Title | Add a Title for the card | 50 Characters | Plain Text | Yes |
| Card 2 - Text | Add Text for the card | 200 Characters | Plain Text | No |
| Card 2 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Card 2 - External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| Card 3 - Image | Select a suitable image from the Media Library to add an Image for the card | N/A | Media | No |
| Card 3 - Title | Add a Title for the card | 50 Characters | Plain Text | No |
| Card 3 - Text | Add Text for the card | 200 Characters | Plain Text | No |
| Card 3 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Card 3 - External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| Card 4 - Image | Select a suitable image from the Media Library to add an Image for the card | N/A | Media | No |
| Card 4 - Title | Add a Title for the card | 50 Characters | Plain Text | No |
| Card 4 - Text | Add Text for the card | 200 Characters | Plain Text | No |
| Card 4 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Card 4 - External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
Examples
Purple Light, All Text Cards
Why not explore
Pink, no Title, 1 Image Card
/0x0:620x320/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/block-link-ph-1.649d3a9b.jpg)
Academic and Research Staff
We have an Academic Board, that works to sustain our excellent standard of teaching and research.
Orange, 3 Cards
Why not explore
Open Days
Join us on campus to discover more about our range of courses, and get a feel for life at Middlesex for yourself.
/0x0:620x320/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/block-link-ph-2.0b7b0379.jpg)
Accommodation
We’ll help you find your new home in London while you study at Middlesex
Teal, 2 Cards
Why not explore
Research
The university promotes research and encourages students to participate in research projects
Purple Light, Image Every Other Card
Why not explore
Academic and Research Staff
We have an Academic Board, that works to sustain our excellent standard of teaching and research.
Research
Middlesex University is committed to impactful research across various disciplines