← All examples

Mark comparison delta arrows

Enlarges and colors the period-comparison delta arrows in GA4, green for increases and red for decreases.

Code to copy

[class*="delta"], [class*="comparison"] [class*="change"],
[aria-label*="increase" i] { color: #137333 !important; font-weight: 700 !important; }
[aria-label*="decrease" i] { color: #c5221f !important; font-weight: 700 !important; }
[class*="delta"] svg, [class*="change"] svg { transform: scale(1.25) !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.