Quote Blocks

GENERAL ELEMENT COMPONENTS & CSS SNIPPETS

Select a Squarespace Element to Examine CSS Selectors: 

Squarespace Element Description
Quote Block Elements Refers to Quote Block elements.

 CSS Code Snippets for Customizing Form Blocks

Set custom font sizes for Quote Block elements

 
//Start: Set custom font sizes for Quote Block elements
.sqs-block-quote blockquote {
  font-size: 2em;
}
.sqs-block-quote .source {
  font-size: 1.5em;
}
//End: Set custom font sizes for Quote Block elements

Add a left border to Quote Block figures

 
//Start: Add a left border to Quote Block figures
.sqs-block-quote figure {
  border-left: 3px solid black;
  padding-left: 1em;
}
//Start: Add a left border to Quote Block figures
Previous
Previous

Shape Blocks

Next
Next

Code Blocks