Images are a great way to enhance your site. You can upload most common image files to your site. This guide will show you all the different ways you can add images to your site.

Table of Contents

Image Guides

There are a lot of things you can do with images, so we’ve broken them down into several pages:

  • Uploading Images – All about getting images into your posts and pages from your computer, the web, and the Media Library.
  • Image Settings – Add a title or a caption to your images. Includes where to find basic info about your image like the permanent link, image dimensions, and file type.
  • Editing Images – Is your image upside down or a little too big? This is a guide on how to crop, rotate, and scale your images.
  • Galleries and Slideshows – Display your images in a gallery or slideshow.
  • Image Optimization – When you decrease the file size for images before you insert them, uploads and pages will load faster.
  • Troubleshooting – Are your images not uploading? Here are some tips for getting them to work!
  • Finding Free Images and other Media – Need a public domain or copyleft image for your site? Here are some suggestions on where to find them!

↑ Table of Contents ↑


Here are some working examples to show various ways you display your images using blocks. The images will look different depending on the theme you are using on your site, so try them out on your site!

All the images are courtesy from the Pexels Free Photo Library.

Image Block

The Image block is for adding single images. It’s minimalist, but combined with the Columns block, it can yield a creative design as is showcased in the Coutoire theme.

Default style:

Photo by NEOSiAM 2020 on

Rounded style:

Photo by NEOSiAM 2020 on
Cover Block

The Cover block is best appreciated with a theme allowing full-width display. It’s wonderfully showcased in the Dalston, Alves, and Maywood themes.

The block includes options for a fixed background, overlay with gradient, and different display styles.

Fixed Background ON

Fixed Background OFF

Gradients Overlay with Bottom and Top Wave styles

The Gallery block allows you to easily add multiple photos and have them automatically arranged in an attractive way.

Slideshow Block

The Slideshow block is great to share pictures without taking too much space on a page or post. See it featured in the Rivington theme.

The below example uses the autoplay option, learn about all the other options in the Slideshow block guide.

Media & Text Block

The Media & Text block allows you to place an image or video side-by-side with text.

It comes with a handy option to stack the media and text on mobile devices.

Some creative ways to use it are featured on the Exford and Barnsbury theme.

“If there’s a book that you want to read, but it hasn’t been written yet, then you must write it.”

— Toni Morrison

On the left is how the stack on mobile option will display content.

By default, the media will show on top.

Image Comparison Block

Use the Image Compare block to place two images side by side (or above and below) and use a slider to reveal differences between the two images.

Side by Side comparison
Above and below comparison

The Tiled Gallery block includes an option for rounded corners, and comes in four different styles:

  • Tiled mosaic
  • Circular grid
  • Square tiles
  • Tiled columns

It’s a creative way on its own to share images, and can be a great sidekick to the Slideshow block, as is showcased in the Rivington theme.

Tiled Mosaic

Circular grid

Square tiles with option for rounded corners

Tiled Columns

Still confused?

Contact support.

Not quite what you're looking for?

Get Help