← All examples

Highlight the active page

Adds a clear outline around the active page thumbnail so you can orient yourself in a multi-page design.

Code to copy

[class*="pageThumbnail" i][aria-selected="true"],
[aria-label*="page" i][class*="thumbnail" i][aria-current="true"] {
  outline: 3px solid #6c4bd6 !important;
  outline-offset: 2px !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.