← All examples

Color-code key events and conversions

Highlights rows and cells tied to conversions and key events in green across GA4 reports.

Code to copy

[role="row"]:has([role="cell"] [aria-label*="conversion" i]),
[role="row"]:has([role="cell"] [aria-label*="key event" i]) {
  background: rgba(52, 168, 83, 0.12) !important;
}
[role="cell"]:has([aria-label*="conversion" i]),
[role="cell"]:has([aria-label*="key event" i]) {
  color: #137333 !important; font-weight: 700 !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.