blockquote – Thesis Docs https://diythemes.com/thesis/rtfm Documentation, How-tos, and Best Practices for the Thesis WordPress Theme System Sat, 13 Jul 2019 17:57:25 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.1 Create Pullquotes in Posts https://diythemes.com/thesis/rtfm/create-pullquotes-posts/ Tue, 07 Apr 2009 00:20:36 +0000 https://diythemes.com/answers/?p=3 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;
}
]]>