Blog media

How to add, edit and delete article images and hero images.

Callum McFadgen avatar
Written by Callum McFadgen
Updated over a week ago

There are two different images that can be added to your blog articles.

Image - This is the image that is used in article listings. An image helps to engage a customers interest and provide visual representations of the article. You can only add one image.

Hero image - this is a full width image displayed at the top of an article page. Hero images catch a customers attention and help draw them in. You can only add one hero image.

When images are added, Airsquare automatically creates a range of different sizes for optimal site performance. Try to use good quality images as these will look more professional and attractive on your site. Airsquare supports .JPG, .PNG and .GIF image formats.

How do I add an image to an article?

  1. Go to Website > Blog > Articles.

  2. Find the article that you are looking for and click on it.

  3. Click the Media tab under the article title.

  4. Click the Add button to the right of the Image heading.

  5. Click the Choose File button to open a File Explorer window and select an image.

  6. Click the Add button.

How do I delete an image?

  1. Go to Website > Blog > Articles.

  2. Find the article that you are looking for and click on it.

  3. Click the Media tab under the article title.

  4. Click the Delete button in the Options column under the Image heading.

  5. Click the Delete button.

How do I add a hero image to an article?

  1. Go to Website > Blog > Articles.

  2. Find the article that you are looking for and click on it.

  3. Click the Media tab under the article title.

  4. Click the Add button to the right of the Hero image heading.

  5. Click the Choose File button to open a File Explorer window and select an image.

  6. Select a Focal point.

  7. Enter an Overlay opacity.

  8. Click the Add button.

How do I edit a hero image?

  1. Go to Website > Blog > Articles.

  2. Find the article that you are looking for and click on it.

  3. Click the Media tab under the article title.

  4. Click the Edit button in the Options column under the Hero image heading.

  5. Edit the hero image's details.

  6. Click the Update button.

How do I delete a hero image?

  1. Go to Website > Blog > Articles.

  2. Find the article that you are looking for and click on it.

  3. Click the Media tab under the article title.

  4. Click the Delete button in the Options column under the Hero image heading.

  5. Click the Delete button.

How do I edit the height of the hero image?

How do I display the blog article title over the hero-image?

Displaying the blog article title over the hero image can be set in Website > Blog > Settings, see 'How do I display titles over the hero images?'

Did this answer your question?