Adapt Images to Screen Width

Creating a Template

1. Scroll down to the first sharing method, Event landing page. Create a custom event landing page template by clicking Custom Templates in the app and clicking + New Template. Add a name for the template.

   

Adapting the images

1. To make the images in your description width-adjustable, you need to add the following code before the closing head tag in the template code:

<!-- Images in description adjust to screen width -->
<style>
  .description img {
    max-width: 100%!important; 
    height: auto!important;
	}
</style>

2. The result should look like this:

Once the styling code is placed in the template, you can proceed to saving and applying the template.

Applying the custom template to an event

Once all the needed changes are made, you can apply the modified template to any event.

1. Navigate to the event page where you want to use the template.
2. Scroll down to the Custom event page part of the Event landing page section.
3. Select the needed custom template from the dropdown and click Set.

Once set, the template will be used for rendering both the event landing page and the embedded version of the event.