Blockquotes in Squarespace 7.1 use the standard blockquote HTML element. You can style them with a left border accent, background color, and custom typography to make them stand out from body text.
A subtle background with a bold left border is the most common pattern. Keep padding generous so the quote text has breathing room.
blockquote {
border-left: 4px solid #e63946 !important;
background-color: #f8f9fa;
padding: 20px 24px !important;
margin: 24px 0 !important;
font-style: italic;
font-size: 1.1em;
color: #333;
}
blockquote p {
margin: 0 !important;
line-height: 1.7;
}Find more typography snippets in our CSS CheatsheetTry it free →
