Image

Use this guide to add and edit an image.

Features

The component:

displays a single image
allows you to add a heading to the image
allows you to add a caption below the image
turns the image into a button by adding a URL
can be used on the homepage, content page, news articles, events, the contact page and inside the column control on these pages.

It is important that you follow the Image guidelines when you add images to your website.

Remember, you need to upload the image to Assets before you can add it to an image component. Go to our Upload an image to assets guide.

Navigate to the page where you want to add an image and you are ready to begin.

Select the Image component.
Select the spanner icon to add your image to the page. This is the Configure button.

In the Image path field, select the binoculars to navigate through your image and document assets to where you have previously saved your banner.
Once you have found your image, select the icon to the left of the image name. The tick will appear and your selection will turn blue.

Enter alternative text for the image in the Alt text field. Go to the the Image guidelines for help with this.
Select the tick on the top right of the pop-up to save the image component.

Example of an image on a web page:

For changes to be updated on your live school website you will need to publish the page.

You may also find useful: