Others

How to Change the SharePoint Events Web Part Date Color

Emma Brown Oct 15, 2026 868 views

Question details

Users are unable to change the font color of event dates in the SharePoint Events web part, leading to poor readability when the text is displayed over images.

How to Change the SharePoint Events Web Part Date Color

Product: SharePoint
Device & OS: not provided
Scenario: Displaying image-based events using the SharePoint Events web part on a modern site page.
Observed behavior: The event date overlay is rendered in black text instead of white, making it illegible against dark or busy background images.

Before you start

Since this is currently a known design limitation in SharePoint, check if your event images have predominantly dark backgrounds that conflict with the black text before applying workarounds.

Solution 1Recommended

Use Lighter Event Images and Submit Microsoft Feedback

Because SharePoint does not currently offer a built-in font color setting for the Events web part, use lighter images to improve readability while waiting for an official fix.

A recent SharePoint update modified the Events web part behavior, forcing the date text to appear in black rather than the previous white. Because modern SharePoint does not support out-of-the-box CSS overrides for web parts, adjusting your background images is the most effective immediate workaround.

This visual bug negatively impacts accessibility guidelines. Submitting and upvoting official feedback helps prioritize a permanent fix from the Microsoft development team.

Select lighter background images

When creating or editing an event, choose a thumbnail image with a light or solid background in the top-left corner where the date overlay will appear.

Visit the Microsoft Feedback Portal

Navigate to the official Microsoft Feedback Portal using your web browser.

Upvote the accessibility issue

Search for the feedback titled 'Events Web Part - Event Date Font Changed to Black' and add your vote or comment to highlight the readability impact.

Use Lighter Event Images and Submit Microsoft Feedback

Accessibility Notice: Black text on dark images may violate web accessibility guidelines (WCAG). Consider adding detailed text descriptions in the event body for affected users.

Free Microsoft Office alternative

Boost Your Team's Productivity with WPS Office

While waiting for Microsoft to resolve SharePoint design limitations, you can streamline your team's document collaboration with WPS Office. It offers a lightweight, highly compatible alternative to Microsoft Office for all your word processing, spreadsheet, and presentation needs.

Fully compatible with Microsoft Word, Excel, and PowerPoint file formats.Free to download with a familiar, user-friendly interface.Lightweight software that runs smoothly on all major operating systems.Built-in PDF editing and seamless team collaboration features.

microsoft office alternative - wps office

Frequently Asked Questions

Can I use CSS to change the date font color in the SharePoint Events web part?

Custom CSS is generally not supported in modern SharePoint Online pages without using complex third-party SharePoint Framework (SPFx) extensions. There is no quick native CSS override available for this specific web part.

Why did the date color change from white to black?

The color change appears to be an unintended consequence of a recent SharePoint update. Previously, white text was used automatically over images to ensure high contrast and readability.

Is there an alternative web part I can use for SharePoint events?

Yes, you can consider using a Group Calendar web part or embedding a shared Outlook calendar, though they offer a list or grid layout rather than the visual card layout provided by the standard Events web part.

Will Microsoft patch this readability issue?

Many users have reported this as an accessibility bug on the Microsoft Feedback Portal. Microsoft frequently monitors this portal for community input, so upvoting the existing reports increases the likelihood of it being addressed in a future update.