WhatsApp Web: stronger quoted-message style
Thickens the left border and tints the background of quoted messages so they stand out.
Code to copy
/* Stronger styling for quoted (reply) messages */
[data-testid="quoted-message"],
div[class*="quoted-mention"],
div[aria-label*="Quoted message" i] {
border-left: 4px solid #25d366 !important;
background: rgba(37,211,102,0.07) !important;
padding-left: 10px !important;
border-radius: 4px !important;
}
[data-testid="quoted-message"] span[dir="auto"] {
font-weight: 600 !important;
}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.