Image

Use this block to add simple images to your page. 

There are also other blocks which addcan canbe used to add images:

• Image (simple images)
• Carousel (small images on a swipeable carousel)
• Hero (large rotating banners)
• Parallax (an image that sits behind content, adding depth to a page)
• Feature (a styled image)
• Multi Multi-Feature (muliplemultiple static images in a single block)
• Wide Feature (image with a block of text)

Appearance

Editing the Block

Content

Heading

Enter a short block title - this will show above the main content of the block. 

Body 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 URL

Enter a link URL - if populated, this will add a calllink to action below the content of the block. 

The position of this button can be controlled with the 'Link Position' control.image. 

Link TextImage

EnterUse linkthe textdialogue to select an image to upload. 

Delete Image

Use the tick box to delete an image - if populated, thisyou will changebe the text in a callasked to actionconfirm belowyour theaction. content of the block. 

The position of this button can be controlled with the 'Link Position' control. 

If left blank, the button will read 'More'.

Settings

Block Width

Set the block width by selecting from the drop down:

• 25%
• 33%
• 50%
• 66%
• 75%
• 100%
• Full Width (set to always be the full width of the user's device)

Mobile Width

Set the block width by selecting from the drop down:

• 33%
• 50%
• 100%
  

Visibility

Set the block visibility from the list:

• Default (both)
• Desktop Only
• Mobile Only
• Hidden (none)

Heading Position

Alter the alignment of the block header:

• Left
• Central
• Right

LinkBackground PositionColour

AlterChoose thea alignmentbackground ofcolour thefor linkyour button:image. Choose from recommended colours, or use a colour picker. 

• Left
• Central
• Right

Additional Options

CollapsibleInvert Text Colour

If setToggle to yes,invert the wholetext Text block will be set as collapsible (see below).colour. 

Actual Size

Choose to display the image at actual size.

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.