Quoting on Squarespace

I've been wanting to be able to do quote posts like this since I started seeing them on MG Seigler's blog. I originally thought that he was creating images of white text against a black background and then posting the image as the body of his post. But upon closer inspection, I saw that the body was actually large white text against a black background. Which makes sense, since you don't want your quote text to be tiny on a small screen.

This post by Greg Sargent (great name) helped point me in the right right direction for creating a similar style on my blog. Apparently, I've been quoting incorrectly this entire time - using using quote blocks where I should have been using blockquotes (how embarrassing!). Luckily for me, I don't have a ton of content on my blog, so I was able to go back and fix all my past quotes so that I had a sturdy quote foundation going forward. 

So now when I want to quote a part of an article in order to comment on it, I use the quoteblock by selecting the quote style from the styles dropdown (using shift+return for line breaks that don't create new text blocks):

Inception!

Inception!

And when I want a quote to be the body of a post (because it's inspirational or badass), I use the quote block:

Annotation!

Annotation!

And for the sake of completeness, this is the custom css that i'm using on these quote blocks:

.sqs-block-quote blockquote  {
  border-width: 0;
  background-color: black;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:20px;
  font-size:30px;
  line-height:40px;
  color:white;
  border-radius:5px;
}

Hopefully that helps somebody out.