Images

Images can help enhance the visual look and feel of your website and can be a great way to compliment your written content. Just remember that while images are great visual aids, they should never fully replace text. 

Upload an image

Before you can add an image to a content page, you need to upload the image to the 'Media' area in the Govstack back office. 

Add an image using the gallery component

The Gallery component allows you to add single or multiple images to a content page on your website. Explore the Gallery component to learn more.

Add an image in a text component

To add an image to a Text component, you need to:

1. Place your cursor in the Text component where you'd like to insert the image
2. Select the 'Media Picker' icon from the edit toolbar
   
3. This will open the 'Media' folder
4. From here, choose the folder that contains the image you'd like to add to the text area
5. Select the image you'd like to insert
6. This will open the 'Edit selected media' slide-out panel
7. From here, you can add alternative text for the image in the 'alternative text (optional)' field and an image caption in the 'caption (optional)' field. Alternative text is required by the accessibility regulations in many jurisdictions.
8. Choose the 'Select' button to insert the image

Before you close the text component, make sure to select the 'Submit' button to save any changes you've made.

Delete an image from a text component

If you no longer want to display an image in a text component, you can:

1. Select the image that you'd like to remove
2. Press 'backspace' on your keyboard

Before you close the text component, make sure to select the 'Submit' button to save any changes you've made.

Save and publish changes

After you've added an image to a content component, make sure to save, preview and publish the page.