← All examples

BBC: tame the cookie-consent banner

Limits the height and opacity of the cookie-consent banner so it stops covering page content.

Code to copy

/* Tame the cookie/consent banner so it stops covering content */
[data-testid="banner"],
.fc-consent-root,
#bbccookies,
[id*="cookie" i][role="region"] {
  position: static !important;
  max-height: 5rem !important;
  overflow: hidden !important;
  opacity: 0.5 !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.