← All examples

Larger date-range picker

Enlarges the GA4 date-range calendar and its day cells, making it easier to click the exact dates you want.

Code to copy

[class*="date-range"], [aria-label*="date range" i],
[class*="calendar"] {
  font-size: 14px !important;
}
[class*="calendar"] [role="gridcell"], [class*="calendar"] td {
  width: 38px !important; height: 38px !important;
  line-height: 38px !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.