Edit cover images

Cover images are the thumbnails that represent each subpage on a Collection page. This guide covers replacing them, sizing them, and styling them with rollovers and overlays.

Change a cover image

To change your cover image 

1. Open the Collection page 
2. Hover over the cover image you wish to change 
3. Click the pencil icon 
4. Click Edit Cover Image

Here you can: 

• Replace an image by uploading your own
• Delete the cover image 
• Select a different image within the page

Note: we do not accept video files. However, you can create a similar look by uploading gifs instead. 

Adding a Rollover Image

1. Open the Collection page 
2. Hover over the cover image you wish to change 
3. Click the pencil icon 
4. Click Edit Cover Image
5. Click into the Rollover tab 
6. Select an already uploaded image or upload your own image or gif

Cover Image Sizing

You will need to choose an image that is at least 316 pixels tall.

Other than that, there is no standard when it comes to Cover Images as how they appear depends on different aspects such as:

• Website Container
• Aspect Ratio
• Image size
• Max-width

Note: We recommend uploading cover images that are below 1MB.

Style your cover images

Once you've uploaded/changed your cover image and decided on a layout, you can further style how your cover images appear. 

These include: 

• Rounding Cover Images
• Customizing the width and margins 
• Adding an overlay 
• Toggling elements you wish to display on/off 

Add a color overlay

If you wish to show a color overlay on your cover images, you can: 

1. Click into Page Covers in the left-hand panel
2. Click into Cover Images 
3. Under Overlay, you can: change the color, opacity, and convert your image to black and white
4. In the Overlay on Rollover option, you can set a different color or opacity 

Note: the color overlay is different from the text container. The Cover Image overlay is applied to your entire cover image.