Wix Events: Adding an Image to an Event

4 min read
Add great images to entice site visitors to sign up for your events. Once you add an image to an event, you can control the way it looks on the Events List and the Events Details page. 
Tip:
Make sure you align the ratio of the images you upload with the settings you select in the Editor. For example, if you upload images with a 16:9 ratio, we recommend that you customize your Event List and Event Details page to display images with the same ratio.

Step 1 | Add an image to an event

Start by adding a good-quality image to your event.

To add images to an event:

  1. Go to Events in your site's dashboard.
  2. Create a new event or select an existing one.
  3. Click the Plus icon in the General section.
  1. (In the Media Manager) Select an existing image or click Upload Media to upload a new image.
  2. Click Save.
Tip:
To replace or delete an image, hover over it and click the relevant icon.

Step 2 | Customize image settings in the Event List

Now, go to the Editor and select the layout you want to use in the Event List. After selecting a layout you can customize the image settings.

To customize images in the Event List:

  1. Click to select Wix Events in the Editor.
  2. Click the Settings icon .
  3. Click the Layout tab.
  4. Select a layout and customize it:

Step 3 | Customize image settings in the Events Details page

Now that you know which image ratio is going to be used for the Event List, you can customize the image in the page that displays the event details.

To set the image display in the Event Details page:

  1. Access the Events Details page: 
    1. Click the Wix Events app in the Editor.
    2. Click the Settings icon .
    3. Click the Pages tab.
    4. Click Go To Page next to Event Details Page.
  2. Select the Event Details page in the Editor.
  3. Click Settings.
  4. Click the Layout tab.
  5. Select a layout: Classic or Side by Side.
  6. (Classic layout only) Select an image ratio: 1:1 or 16:9.
  7. (Side by Side layout only) Select an alignment option: Left or Right.
  8. Select an image resize option:
    • Crop: Images are cropped to the same size. If you uploaded images in different sizes and with different aspect ratios, part of the image may be cut off.
    • Fit: If you select the fit option, the entire image is displayed and keeps it's original aspect ratio. 
  9. Drag the slider to adjust the image opacity.
  10. Select the color that appears behind the image.

Did this help?

|