← All examples

Calendar: rounded event blocks

Rounds the corners of event blocks and adds a soft shadow for a more modern-looking grid.

Code to copy

/* Round event blocks and add a subtle shadow */
div[role="button"][data-eventid], .GTG3wb {
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.