100% need this.

Our students are so creative and they almost always create custom posters for our campus events. It would be amazing if we had an EASY method of adding an image to the events on our calendars.

Until Blackbaud implements this, here's our workaround:

1. Upload the event image into an album in the Photos content category. Ours is called "Resources > Event Promo Pictures", and we organize this category into annual albums, like "2023-2024".

2. Open the album URL in a new tab.

3. Open the event image.

4. Right Click on the image and Open Image in New Tab.

5. Copy the URL of the full-size image.

6. Navigate to the event category and specific event that needs the image added.

7. Enter Source Code view for the Description and paste the attached IMG HTML code and use the URL copied from step 5 above; using this code will get around *some* of the image resizing issues that happen when you just insert an image without special CSS associated with it. Hopefully the code sample attached to this comment.

Replace "YYY" with the full size image URL and replace "ZZZ" with an appropriate ALT description for the image contents.

<a href="YYY" target="_blank" title="Click here to enlarge this image." rel="noopener">

<img src="YYY" alt="ZZZ" style="width: 100%; height: 300px; object-fit: cover; object-position: top;" />

</a>