---
title: "Creating Event Call Outs"
slug: "creating-event-call-outs"
updated: 2023-03-31T16:29:47Z
published: 2023-03-31T16:29:47Z
canonical: "docs.winedirect.com/creating-event-call-outs"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.winedirect.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating Event Call Outs

Event call-outs allow you to vary an event's background and foreground link colors as it appears on an event calendar.

### Part 1: Setup Event Call-out Name & Code

1. Navigate to Content Editor>Events>Event Call-outs
2. Click 'Add An Event Call Out'
3. Create the call-out name to code to be added into the CSS:

a. **Call Out:** Refers to the name of the event call out. It will be used in the admin panel to select and assign a call-out to an event. b. **Code:** Refers to the Code you will inject into the CSS. No Spaces, separate words with dashes (-).

![](https://documentation.vin65.com/assets/client/Image/Content Editor/Events/Event_EventCallOut.jpg)

### Part 2: Adding Code to CSS

1. Add the call-out to your page CSS using the Code you created.

/* Event Callouts */ .Events-Holiday { padding: 5px 5px 5px 12px; background: #eee; } .Events-Holiday a { color: #721313; }

### Part 3: Assigning a Call Out to an Event

1. Navigate to Content Editor>Events
2. Add a new calendar
3. Add a new event. Select the call-out you want to apply from the 'Call Out:' menu and hit apply changes.

![](https://documentation.vin65.com/assets/client/Image/Content Editor/Events/Event_Callout_AssignCallout.jpg)

Your call-out will now appear on the event calendar on the website. Block-style calendars display an alternate link color. List-style calendars include a background around the event that has been called out.

**Block Style:**

**![](https://documentation.vin65.com/assets/client/Image/Content Editor/Events/Event_Callout_BlockStyle.jpg)**