CT - Four Image and Text Cards

Card One Heading

This is the main text for the card and is used to provide a brief overview of the linked content or topic.

Card Two Heading

This is the main text for the card and is used to provide a brief overview of the linked content or topic.

Business men in a team watching a presentation

Card Three Heading

This is the main text for the card and is used to provide a brief overview of the linked content or topic.

Card Four Heading

This is the main text for the card and is used to provide a brief overview of the linked content or topic.

Heading Only Example

Three Cards Example

Specific Guidance

Use this Content Type only in full-width layouts like our Core Style. For four cards in two-column layouts (e.g., Schools Style), use two 'CT - Two Image and Text Cards' instead.
February 2025 Update - The option to 'Embed Card Titles on Image' has been removed from the Content Type to improve layout consistency and accessibility.

General Guidance

Organise Content Blocks: Avoid condensing all information into a single content block. If your content includes multiple data types, structure it into separate blocks for easier maintenance and future edits.
Use Headings Properly: Headings should be used to group content and establish hierarchy, not for styling. Proper heading usage improves both accessibility and readability.
Internal and External Links: When linking within your website, use Section Links and Content Links, as the Web CMS automatically updates these if content is reorganised. For external links, always use the full URL of the destination website or resource.
Third-Party Content and Custom Code: Do not embed unapproved third-party content or add custom code without consulting our team via the IT Service Desk.

Visit our section How to Write for the Web for some guidance on creating and maintaining content on your website.

Images and Documents

All assets for use on our website must be properly prepared before they are added to the Media Library.

Copyright Compliance: Ensure all assets are sourced responsibly. If using third-party assets, obtain the necessary permissions before uploading to avoid copyright infringements.
Accessibility: Documents must be fully accessible before being added to the Media Library for website use.
Optimising Assets: Images must match the required dimensions (Width x Height) for use with Content Types. These requirements are provided in field descriptions and form guidance. Document file size must be optimised for upload to the Media Library and for use on the web. The maximum file size for upload to the Media Library is 5MB (megabytes).
Filename Convention: Users must ensure that assets are named correctly before they are uploaded to the Media Library. Assets must only contain lowercase letters (a to z), numerals 0-9) and hyphens (-). Avoid spaces, special characters, or uppercase letters.

Visit our Media Library information section for more guidance and resources.

Accessibility Guidance

Please use the following guidance to help make sure your content adheres to accessibility regulations:

Do not create images with embedded text.
Do not add image Alt Text / Description to your image if it is decorative.
Do not use generic link text such as 'Click Here' and 'Read More'.
Do not add HTML elements such as span, div, h1 or CSS to any of the fields to change the structure or styling of the Content Type. It will be removed by our team.
Ensure that you have added a descriptive title attribute to any third party embeds on your website such as video embeds for Panopto and YouTube.

Visit our Accessible Content Guidance for more information on how to make sure your website content is accessible.

Form Field Guidance

Name: CT - Four Image and Text Cards

Description: Four flexible image and text cards with links to direct website visitors to key areas of your website.

Field Name	Field Description	Size	Type	Required
Name	Enter a descriptive and easily identifiable name for your content block, such as "Study/About/Careers - Block 1."	80 Characters	plain text	Yes
Cards Title	Add an optional title to appear above the cards block (limit: 80 characters). Do not add HTML code, as it may break the layout and affect accessibility.	80 Characters	plain text	No
Card 1 - Choose an Image	Click 'Select media' to choose an image from the Media Library or upload a new one. The required image size for this content type is 800 x 533 pixels (width x height).	2048 Kilobytes	Media	Yes
Card 1 - Add a Heading	The heading appears directly below the card image. Keep it short and descriptive. (limit: 80 characters). Do not add HTML code, as it may break the layout and affect accessibility.	80 Characters	plain text	Yes
Card 1 - Introductory Text	The text appears directly below the heading. Provide a brief overview of the linked content or topic.	5000 Characters	HTML	No
Card 1 - Add an Internal Link or External Link	Select an option below to add an internal or external link, then complete the associated fields. The link will wrap around the entire card.	80 Characters	Radio Button	No
Card 1 - Internal Link	Add a link to another section or piece of content on your website within Terminalfour. Uncheck the "Use default link text" box to enter custom link text.	80 Characters	Section/Content Link	No
Card 1 - External Link	Enter the full URL, including the protocol (e.g., https://www.qub.ac.uk), when linking to an external website.	500 Characters	plain text	No
Card 2 - Choose an Image	Click 'Select media' to choose an image from the Media Library or upload a new one. The required image size for this content type is 800 x 533 pixels (width x height).	80 Kilobytes	Media	No
Card 2 - Add a Heading	The heading appears directly below the card image. Keep it short and descriptive. (limit: 80 characters). Do not add HTML code, as it may break the layout and affect accessibility.	80 Characters	plain text	No
Card 2 - Introductory Text	The text appears directly below the heading. Provide a brief overview of the linked content or topic.	5000 Characters	HTML	No
Card 2 - Add an Internal Link or External Link	Select an option below to add an internal or external link, then complete the associated fields. The link will wrap around the entire card.	80 Characters	Radio Button	No
Card 2 - Internal Link	Add a link to another section or piece of content on your website within Terminalfour. Uncheck the "Use default link text" box to enter custom link text.	80 Characters	Section/Content Link	No
Card 2 - External Link	Enter the full URL, including the protocol (e.g., https://www.qub.ac.uk), when linking to an external website.	500 Characters	plain text	No
Card 3 - Choose an Image	Click 'Select media' to choose an image from the Media Library or upload a new one. The required image size for this content type is 800 x 533 pixels (width x height).	80 Kilobytes	Media	No
Card 3 - Add a Heading	The heading appears directly below the card image. Keep it short and descriptive. (limit: 80 characters). Do not add HTML code, as it may break the layout and affect accessibility.	80 Characters	plain text	No
Card 3 - Introductory Text	The text appears directly below the heading. Provide a brief overview of the linked content or topic.	5000 Characters	HTML	No
Card 3 - Add an Internal Link or External Link	Select an option below to add an internal or external link, then complete the associated fields. The link will wrap around the entire card.	80 Characters	Radio Button	No
Card 3 - Internal Link	Add a link to another section or piece of content on your website within Terminalfour. Uncheck the "Use default link text" box to enter custom link text.	80 Characters	Section/Content Link	No
Card 3 - External Link	Enter the full URL, including the protocol (e.g., https://www.qub.ac.uk), when linking to an external website.	500 Characters	plain text	No
Card 4 - Choose an Image	Click 'Select media' to choose an image from the Media Library or upload a new one. The required image size for this content type is 800 x 533 pixels (width x height).	80 Kilobytes	Media	No
Card 4 - Add a Heading	The heading appears directly below the card image. Keep it short and descriptive. (limit: 80 characters). Do not add HTML code, as it may break the layout and affect accessibility.	80 Characters	plain text	No
Card 4 - Introductory Text	The text appears directly below the heading. Provide a brief overview of the linked content or topic.	5000 Characters	HTML	No
Card 4 - Add an Internal Link or External Link	Select an option below to add an internal or external link, then complete the associated fields. The link will wrap around the entire card.	80 Characters	Radio Button	No
Card 4 - Internal Link	Add a link to another section or piece of content on your website within Terminalfour. Uncheck the "Use default link text" box to enter custom link text.	80 Characters	Section/Content Link	No
Card 4 - External Link	Enter the full URL, including the protocol (e.g., https://www.qub.ac.uk), when linking to an external website.	500 Characters	plain text	No
Margin Bottom	Increase the default whitespace between this content block and the one below by adding a larger margin. Maintain consistent margins between content blocks whenever possible.	80 Characters	Select Box	No

Queen's University Belfast

CT - Four Image and Text Cards

Content Type Information

Specific Guidance

General Guidance

Images and Documents

Accessibility Guidance

Form Field Guidance

Queen's University Belfast - Logo