Substack: highlight blockquotes
Adds an accent left border and gentle tint to blockquotes so they stand out from the prose.
Code to copy
/* Style blockquotes with a clear accent border and tint */
.body.markup blockquote,
.available-content blockquote,
[class*="postBody"] blockquote {
border-left: 4px solid #ff6719 !important;
background: rgba(255, 103, 25, 0.06) !important;
padding: 12px 18px !important;
border-radius: 0 6px 6px 0 !important;
font-style: italic !important;
color: #2c2c2c !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.