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

# Edit Visuals

> Customize your event page appearance and media

## Event Flyer

<Note>
  Your event flyer is the main image that appears at the top of your event page. Choose an eye-catching image that represents your event well. We recommend a 1:1 aspect ratio.
</Note>

<Steps>
  <Step title="Upload Flyer">
    1. Click "Edit Flyer" button
    2. Upload image
    3. Crop and adjust as needed
    4. Save changes
  </Step>

  <Step title="Image Requirements">
    * File types: JPG, PNG
    * Max file size: 5MB
    * Aspect ratio: 1:1 recommended
  </Step>
</Steps>

## Theme Colors

<CardGroup cols={2}>
  <Card title="Theme Color" icon="palette">
    Select from color picker or enter hex code (e.g. #000000) to set your event's main color. This color will be used for buttons and other accents.
  </Card>

  <Card title="Text Color" icon="font">
    Select text overlay color. For best readability, use black text on light backgrounds and white text on dark backgrounds.
  </Card>
</CardGroup>

## Photo Gallery

<AccordionGroup>
  <Accordion icon="images" title="Manage Gallery">
    Add multiple photos to showcase your event:

    * Upload new photos
    * Rearrange order
    * Delete unwanted photos
  </Accordion>

  <Accordion icon="image" title="Photo Requirements">
    For best results use:

    * High-resolution images
    * Landscape orientation
    * Max 10 photos
    * 5MB per image limit
    * PNG or JPG format
  </Accordion>
</AccordionGroup>

## YouTube Videos

Embed videos from YouTube to give attendees a better feel for your event.

1. Click **Add YouTube Video** text box
2. Paste YouTube URL into the text input
3. Save changes

<Warning>
  Videos will automatically adjust to match your page width. For best results, use landscape-oriented videos with good quality.
</Warning>

## Preview Changes

<CardGroup cols={2}>
  <Card title="Preview Event" icon="eye">
    View your event page with all visual changes to ensure everything looks good
  </Card>

  <Card title="Mobile View" icon="mobile">
    Check how visuals appear on mobile devices
  </Card>
</CardGroup>