# Event List

The **Event List Widget** is used to display the Events Post type with Countdown in the List view.

### Using the Event List widget

Go to your site and start editing the page with Elementor.

### Step 1:

Select **the Event List** widget from the menu bar on the left-hand side of your screen then drag and drop it into the selected area.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FVCw2fCVUU45jVJiUmIV7%2FCompanion%20-%20events%20list%20add.png?alt=media\&token=76f45d66-08fa-47a1-a51b-dd901341f4ca)

### Step 2:

You will get a window with the basic setting options under the **Content** tab. It will give you options to set the Number of events on the page, and set icons from the Icons library:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2F9cuvOpN4JsXxRPzOOEXm%2FCompanion%20-%20events%20list%20general.png?alt=media\&token=dd4909a3-c425-4d39-90ac-358b72b0ceed)

### Step 3:

Now, by clicking on the Style Tab you can customize the text color, typography, margin, padding, and many more for the Upcoming Event and Event List.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FJ8c6xOLKtRfLA2wA1qwO%2FCompanion%20-%20events%20list%20style.png?alt=media\&token=938844de-bce3-47d2-adbd-d2fe3c5bd2d7)

### Step 4:

If you want to add motion effects, background, or make the page responsive, click on ‘Advanced**’** to explore those options. This **‘Advanced’** tab is a default feature of Elementor. Give a read to [this Document](https://docs.elementor.com/article/571-advanced-tab) to know more about Advanced features and their uses.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FqALmNSsxERL6qYZ7d5Pc%2FCompanion%20-%20events%20list%20adv.png?alt=media\&token=2ae95591-9f73-40c2-8ee3-08fb783822d7)

Finally, after completing all the customization click on ‘Publish’ to see your work live.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FHeO2IdGzmrBJXMBFoV0l%2FCompanion%20-%20events%20list%20final.png?alt=media\&token=4f0f0eea-707c-4085-bddd-2ab28ab30bd8)

Great job! You have done it successfully.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FEO28v2RmyTydKQzGZ0FZ%2FEvent%20List%201.gif?alt=media\&token=8ffd5d05-abfd-4ae4-8452-6cb91f6dae27)