Image and text stacked component
Image and text stacked is a media component that can be used to display text below an image. The component s best suited for the purpose of showcasing multiple events or projects on one page. In addition to image and text, the component contains fields for adding a location and a link to an external website.
The component can be used in the following content types: article, hub and service page. The component is available for all aalto.fi editors to use on their pages.
Instructions for using the component and an example component can be found below.
Image and text stacked component
Item 1
Text related to the image will be displayed below the image. If the component is used for example to showcase upcoming events, the text below the image should describe the event.
The text length has no character limit. If the text is long, the whole text can be read by clicking on 'Read more'. The text area can then be minimised by clicking on 'Hide description'.
Item 2
Description text.
Instructions for using the Image and text stacked component
The Image and text stacked component contains the following editable fields and functions.
Basic fields:
- Title: Write a title for the component.
- Description: Write an option description text for the component.
- Component theme: Select the background colour of the component from the Aalto brand colours. The default colour of the component is white.
Fields for an individual stacked image and text item:
- Title: Write a title for a stacked image and text item. The title is displayed below the image.
- Image: Add an image for a stacked image and text item
- Caption: Write an optional caption for the image. The name of the photographer should be written in the caption.
- Text: Add the text that will displayed below the image.
- Location icon: Select an icon to be displayed before the location text. The default icon is a location pin.
- Location: Write the location of the event. The location field is optional and can be left empty.
- External link: URL: Add a URL to an external website if the full event page is outside of aalto.fi.
- External link: Link text: Add a link text for the external URL.
Once one stacked image and text item has been created, a new one can be added by clicking on 'Add Stacked image & text -item'.
See more instructions about media components
Image and media components for aalto.fi
There are several ways to display images and media at aalto.fi. Learn more about the media slider, gallery and video component.
Image with text component engages your reader
Learn about media placements and default and adaptive settings.
Adding images, ALT text, changing cropping and focal points
Learn how to upload images and add alternative text (alt text) for accessibility. Changing the focal point of an image will affect how the image is cropped on different screens.
