← All examples

Calendar: fade declined events

Dims and strikes through events you have declined so they no longer distract from real plans.

Code to copy

/* Fade out events you have declined so they stop distracting */
div[role="button"][data-eventid][aria-label*="Declined"],
div[role="button"][data-eventid].sBQ4y {
  opacity: 0.35 !important;
  text-decoration: line-through !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.