Quote source style

 
 

Squarespace allows limited customisation of the quote block in the main Style Editor - to add some extra style to your quote sources, try some of these!

The following code snippets need to be inserted into your main CSS Editor window. The values in bold can be changed to suit your site design. If you need help adding CSS to your Squarespace site please read our guide here.

Where colour values are added, you can either of the following:

  • Valid colour name e.g. 'red' or 'yellow'
  • Hex value e.g. #FECB2F
  • RGB value (optional opacity values '0.8') e.g. rgba (255,255,255,0.8)

 

Colour

// QUOTE SOURCE COLOR //

.sqs-block-quote .source {
color: #fecb2f;
}

Size

// QUOTE SOURCE SIZE //

.sqs-block-quote .source {
font-size: 16px;
}

Weight

// QUOTE SOURCE WEIGHT //

.sqs-block-quote .source {
font-weight: 600;
}

All together

// QUOTE SOURCE STYLE //

.sqs-block-quote .source {
color: #fecb2f;
font-size: 16px;
font-weight: 600;
}