Parallax
Use this block to add an image that sits behind content, adding depth to a page.
There are also other blocks which can be used to add images:
- Image (simple images)
- Carousel (small images on a swipeable carousel)
- Hero (large rotating banners)
- Feature (a styled image)
- Multi-Feature (multiple static images in a single block)
- Wide Feature (image with a block of text)
Appearance
Editing the Block
Content
| Field | Purpose |
| Heading | Enter a short block title - this will show above the main content of the block |
| Text |
This is the main content of the block. Use the controls to format your text
It will appear as a caption, below the image |
| Link | Enter a link URL - if populated, this will add a link to the image. |
| Link Text |
Text to be shown with a button, if a link is set
If left blank, the whole image will act as a button |
| Delete Image | Use the tick box to delete an image - you will be asked to confirm your action |
Use the Image dialogue to select images to upload to this block.
Settings
| Field | Purpose |
| Block Width |
Choose from:
|
| Visibility |
Set the block visibility from the list:
|
| Text Position |
Alter the alignment of the block text:
|
| Text Colour |
Choose from:
|
Additional Options
| Field | Purpose |
| Full Screen | Toggle a large or small version of the parallax image |
| Box? | Toggle a box to surround the text |
| Filter? |
Toggle a filter on the image, which will make it darker if applied
This should be used to ensure high contrast between the image and overlaid text |
Advanced
Padding
Adding padding will insert space within the current block; this will adjust the position of content within the block.
More information is available here.
Margin
The margin will add additional space around the current block.
More information is available here.