Testimonial Full Width Carousel v2
A full width testimonial carousel that displays text testimonials with images.
How to use
- Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
- Optionally add a title for the Testimonial. This appears in bottom-left (on desktop)
- Optionally add an Image Overlay. Use this to improve the contrast ratio of the text over the Testimonial - Images when using a lighter image, see Text Over Images.
- Select a suitable image from the Media Library for the Testimonial - Image.
Recommend image is at least 2200px x 1360px. The image can be any size or aspect ratio, and will be cropped and resized for desktop 2200px x 1360px and mobile 780px x 1688px automatically by a service called PXL. Find out how PXL crop and resize works. - Add Testimonial - Text
- Add a Testimonial - By line - who the Testimonial - Text is by
Content Type Details
ID: 589
Name: Testimonial Full Width Carousel
Description: A full width testimonial carousel that displays text testimonials with images
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Quick-Nav Text | This text will be used for the Quick Navigation Bar/Progress Navigation, set on the first image in a carousel | 24 Characters | Plain Text | No |
| Title | Title of the carousel | 80 Characters | Plain Text | No |
| Image Overlay | Apply an overlay to the images to improve the contrast ratio of the Heading | N/A | Select Box (List: Image Overlay) | No |
| Testimonial - Image | Select a suitable image from the Media Library | N/A | Media | Yes |
| Testimonial - Text | The testimonial text shown on the top of the image | 900 Characters | Plain Text | Yes |
| Testimonial - By line | Add text to say who the testimonial is by | 80 Characters | Plain Text | No |
Example
Student Testimonial
/4x0:5756x3556/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/testimonial-ph-1.faef1059.jpg)
"Having had experience in the dance industry prior to coming to Middlesex University, the course was able to further my dance knowledge and skills a great deal. It gave me all the necessary tools to become stronger."
/319x0:4001x2276/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/video-banner-ph-2.b667cf60.jpg)
"Select from our exit awards in Performance, Dance Science and Choreography or develop a portfolio of skills in areas such as dance teaching, collaboration and journalism with the portfolio Dance pathway."
/0x328:5760x3889/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/masthead-image-ph-1.f612a032.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in lectus sem. Nulla tincidunt nisl erat, nec molestie ipsum bibendum a. Nulla interdum quam at sapien maximus, at vulputate nulla maximus.