← All examples

Reddit: outline page components

Draws coloured outlines around Reddit web components to help you understand the page structure while writing styles.

Code to copy

/* Outline Reddit web components to inspect the page structure */
shreddit-post { outline: 1px solid rgba(255,0,0,0.4) !important; }
shreddit-comment { outline: 1px solid rgba(0,128,255,0.4) !important; }
shreddit-feed { outline: 1px dashed rgba(0,200,0,0.5) !important; }
[id="right-sidebar-container"] { outline: 1px solid rgba(255,165,0,0.6) !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.