# Event Program

The **Event Program** is used to create a reliable and well-structured event schedule for the Event Post type.

### Using the Event Program widget

Go to your site Dashboard > Events and start editing the [Event post](https://docs.stylemixthemes.com/companion-theme-documentation/blocks-and-content/events) with Elementor.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FfijmcWzijIDBvlrPTEvk%2FCompanion%20-%20Edit%20event.png?alt=media\&token=a0ae2ffc-b2f3-4e47-a055-da1f061702c4)

### Step 1:

Select the **Event Program** 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%2F4lm6PWdCbKnW0qMCZa9V%2FCompanion%20-%20events%20program%20add.png?alt=media\&token=25e97e4d-221e-42da-9124-9f626b058617)

### Step 2:

You will get a window with the basic setting options under the **Content** tab. It will give you two options add items to the Agenda and set speakers:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FXluOtZHYLdeDVS4RQIkI%2FCompanion%20-%20events%20program%20general.png?alt=media\&token=7fd15be2-d59f-4ef9-95d0-909630e33431)

Hit on the **Add item** to add/delete items.

### Step 3:

Now, by clicking on the Style Tab you can customize the text color, typography, margin, padding, and many more for used fields:

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FugvdlWzTTQEICdocC8jz%2FCompanion%20-%20events%20program%20style.png?alt=media\&token=2020cf57-2db7-4a60-ab97-b5dfc4332cf0)

### Step 4:

If you want to add motion effects, background, or make the page responsive, click on ‘Advance&#x64;**’** 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%2FrVzOFOeEEc3qm86YTWf3%2FCompanion%20-%20events%20program%20adv.png?alt=media\&token=68f1ce91-bae1-411a-8dab-fa477a01f50d)

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%2Fsxz3VFWMD1PCnM3M3iBE%2FCompanion%20-%20events%20program%20final.png?alt=media\&token=101ad5fe-20b7-475f-9568-11a93317b0af)

Great job! You have done it successfully.
