Help Center
    Help Center
  1. Managing your business
  2. Business solutions & apps
  3. Wix Events
  4. Creating your event
    5. Wix Events: Adding an Image to an Event

Wix Events: Adding an Image to an Event

8 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.
Tip:

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 under Event image in the General info section.
Screenshot of adding an image to an event.
  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 on the Events page

Go to your editor and select the layout you want to use in the Event List element on your Events page. After selecting a layout, you can customize the image settings.

To customize images on the Events page:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
  3. Click the Event List element on your page. 
  4. Click Settings.
Screenshot of going to the Event List settings.
  1. Click the Layout tab.
  2. Select a layout:

Step 3 | Customize image settings on the Event Details & Registration 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 on the Event Details & Registration page:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Event Details & Registration page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click Event Details & Registration.
  3. Click the Event Details element on your page. 
  4. Click Settings.
A screenshot of clicking Settings on the Event Details element.
  1. Click the Layout tab.
  2. Select a header layout: Classic or Side by Side.
  3. Select a ticket picker layout: List or Cards.
  4. Select the alignment of your header and event info.
  5. (Classic layout only) Select the image aspect ratio: 1:1 or 16:9.
  6. (Side by Side layout only) Select an alignment option: Left or Right.
  7. Select an image resize option:
    • Crop: Images are cropped to the same size. If you upload 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 its original aspect ratio. 
  8. Drag the slider to adjust the image opacity.
  9. Select the color that appears behind the image.

Did this help?

|

In this article

  • Step 1 | Add an image to an event
  • Step 2 | Customize image settings on the Events page
  • Step 3 | Customize image settings on the Event Details & Registration page

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.
Get Matched