Wix Events: Adding an Image to an Event
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 eventStart by adding a good-quality image to your event.Tip:You can use the Wix Photo Studio to crop or resize images. To add images to an event:
Go to Events in your site's dashboard. Create a new event or select an existing one. Click the Plus icon  under Event image in the General info section.
(In the Media Manager) Select an existing image or click Upload Media to upload a new image. 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 pageGo 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 EditorStudio Editor
Go to your editor. Go to the Events page: 
    
Click Pages & Menu  on the left side of the editor. Click Event Pages. Click your Events page.   Click the Event List element on your page.  Click Settings.
Click the Layout tab. Select a layout:Grid, List, or Calendar layouts
In the Layout section, select the Grid, List, or Calendar layout.  Scroll down to the Image layout section and select an image ratio. Select a 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 its original aspect ratio.
   Drag the slider to adjust the image opacity. Select the color that appears behind the image.Tip: If you selected the calendar layout, site visitors see the image only when clicking an event in the calendar.Side by side layout
In the Layout section, select Side by side layout option. In the Image layout section, select the relevant layout:
    
Images on the left Images on alternating sides Images on the right   Drag the Proportions handle to adjust the size of the image compared to the size of the text. Select a 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 its original aspect ratio.
   Drag the slider to adjust the image opacity. Select the color that appears behind the image.
Go to your editor. Go to the Events page:
    
Click Pages  on the left side of the editor. Click your Events page.   Click the Event List element on your page.  Click Settings.
Click the Layout tab. Select a layout:Grid, List, or Calendar layouts
In the Layout section, select the Grid, List, or Calendar layout.  Scroll down to the Image layout section and select an image ratio. Select a 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 its original aspect ratio.
   Drag the slider to adjust the image opacity. Select the color that appears behind the image.Tip: If you selected the calendar layout, site visitors see the image only when clicking an event in the calendar.Side by side layout
In the Layout section, select Side by side layout option. In the Image layout section, select the relevant layout:
    
Images on the left Images on alternating sides Images on the right   Drag the Proportions handle to adjust the size of the image compared to the size of the text. Select a 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 its original aspect ratio.
   Drag the slider to adjust the image opacity. Select the color that appears behind the image.Step 3 | Customize image settings on the Event Details & Registration pageNow 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 EditorStudio Editor
Go to your editor. Go to the Event Details & Registration page: 
    
Click Pages & Menu  on the left side of the editor. Click Event Pages. Click Event Details & Registration.   Click the Event Details element on your page.  Click Settings.
Click the Layout tab. Select a header layout: Classic or Side by Side. Select a ticket picker layout: List or Cards. Select the alignment of your header and event info. (Classic layout only) Select the image aspect ratio: 1:1 or 16:9. (Side by Side layout only) Select an alignment option: Left or Right. 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.    Drag the slider to adjust the image opacity. Select the color that appears behind the image.
Go to your editor. Go to the Event Details & Registration page:
    
Click Pages  on the left side of the editor. Click Event Details & Registration.   Click the Event Details element on your page.  Click Settings.
Click the Layout tab. Select a header layout: Classic or Side by Side. Select a ticket picker layout: List or Cards. Select the alignment of your header and event info. (Classic layout only) Select the image aspect ratio: 1:1 or 16:9. (Side by Side layout only) Select an alignment option: Left or Right. 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.    Drag the slider to adjust the image opacity. Select the color that appears behind the image.