---
title: Locations, categories, images, and design
description: Choose which filters appear, and set images, colors, and layout.
url: "https://clinkology.com/docs/calendar-filters-design-2/"
updated: "2026-10-15"
category: Clink C7 Advanced Calendar
---

# Locations, categories, images, and design

## Locations

Go to **Clink C7 → Calendar → Locations**. The rows are your Commerce7 inventory locations, plus **Offsite** for events with no Commerce7 location, including Google Calendar events.

- Check **Show** to include a location in the filter. If none are checked, the location filter is hidden.
- **Display title** replaces the Commerce7 name in the filter. Leave it blank to use the Commerce7 name.
- Locations that share a display title appear once to visitors.

Connect to Commerce7 before this list can load. A manual sync refreshes the location list.

## Categories

Categories are created from Commerce7 collections the first time those event tickets sync. On the **Categories** tab, check the ones that should appear in the filter, and optionally give them a display title. If none are checked, the category filter is hidden.

## Images

On the **Images** tab:

- **Default event image** is used when an event has no photo.
- **Grid and list** images default to 800 × 800.
- **Single event** images default to 1200 × 1200.
- **Calendar popover** images default to 150 × 150.

Images are cropped to those sizes. New sizes apply to images uploaded or synced afterwards. To resize images already in the library, regenerate thumbnails.

## Design

On the **Design** tab, the color fields cover the calendar, the event list, and single event pages. Each color has a default. If one is blank, use its Default button. A blank color is not inherited from the theme.

- **Tablet breakpoint** is the width, in pixels, below which the filters stack. The default is 768.
- **Scroll offset** is extra space above the filters when the page scrolls after a filter or view change. Use it when the site has a sticky header. The default is 100.
- **Load Font Awesome 6** supplies the view and filter icons. Turn it off only when the theme already loads Font Awesome 6.

## Templates

To change the markup, copy these files from the plugin's `templates` folder into your theme folder, using the same file names:

- `grid-ff_events.php` for each event in the grid and list
- `single-ff_events.php` for the event page
- `popover-ff_events.php` for the calendar popover