Create Pullquotes in Posts

Applies to Version(s): Thesis 1

Thesis provides a pre-existing style for pullquotes; just assign a class of either right or left to the blockquote tag.

Example of Right Pullquote

<blockquote class="right">This is a right pullquote.</blockquote>

This is a right pullquote.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam egestas, mauris id dignissim dignissim, leo augue rutrum lacus, id condimentum nisl elit ut nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.

Example of Left Pullquote

<blockquote class="left">This is a left pullquote.</blockquote>

This is a left pullquote.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam egestas, mauris id dignissim dignissim, leo augue rutrum lacus, id condimentum nisl elit ut nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi.

Styling Pullquotes

If you want to customize the default styles Thesis applies to your pullquotes, use the following CSS declarations in your custom.css as a starting point:

.custom .format_text blockquote.left {
   border: 3px double #aaa;
   color: #111;
   background-color: #eee;
}

.custom .format_text blockquote.right {
   border: 3px double #aaa;
   color: #111;
   background-color: #eee;
}