Login

Create Pullquotes in Posts

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;
}

Leave a Comment

Please leave a comment if you'd like to provide feedback about how this Answer worked for you, or if you have suggestions about how we can improve it. However, if you need assistance with implementing the Answer, please post for additional help on our Support Forums. Thanks!

Next post: Customize the Post Byline