WhatsApp Web: larger reply indent
Adds a clearer indent and a vertical line on replies that quote a message, making threads easier to follow.
Code to copy
/* Increase indent and styling for reply threads to follow conversations */
#main div[role="row"]:has([data-testid="quoted-message"]) [data-testid="msg-container"] {
margin-left: 24px !important;
}
#main div[role="row"]:has([data-testid="quoted-message"]) [data-testid="msg-container"]::before {
content: '';
position: absolute;
left: -14px;
top: 8px;
bottom: 8px;
width: 2px;
background: rgba(0,168,132,0.4);
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.