Skip to content
All Answers
Typography

How do I style blockquotes in Squarespace?

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 →

Related Questions

Typography

How do I add a custom Google Font to Squarespace?

Typography

How do I change the heading font in Squarespace with CSS?

Typography

How do I change the link color across my Squarespace site?

Typography

How do I change the body text size in Squarespace?

A little over your head?

No shame — this stuff is hard. Let the pros handle it.

Long Drive MarketingTalk to Long Drive Marketing →