All Collections
Website
Blog
Blog category media
Blog category media

How to add an image and a hero image to your blog categories.

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

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

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

Hero image - this is a full width image displayed at the top of a category 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 a category?

  1. Go to Website > Blog > Categories.

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

  3. Click the Media tab under the category 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 > Categories.

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

  3. Click the Media tab under the category title.

  4. Click the Delete button in the Options column of the image listing.

  5. Click the Delete button.

How do I add a hero image to a category?

  1. Go to Website > Blog > Categories.

  2. Find the category 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. Click one of the tiles under Focal point to set the focal point.

  7. Enter an Overlay opacity.

  8. Click the Add button.

How do I edit a hero image?

  1. Go to Website > Blog > Categories.

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

  3. Click the Media tab under the category 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 > Categories.

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

  3. Click the Media tab under the category title.

  4. Click the Delete button in the Options column of the hero image listing .

  5. Click the Delete button.

How do I edit the height of the hero image?

The minimum and maximum height of the hero image can be edited in Website > Blog > Settings, see 'How do I edit the minimum height of the article and category hero images?' and 'How do I edit the maximum height of the article and category hero images?'.

How do I display the category title over the hero-image?

Displaying the category 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?