Blockquotes in Typepad

Here's how to customize your blockquotes on a Typepad blog (Pro level only). Click the design tab, then click "Edit Custom CSS."

Paste in the following code:

/* general page elements */

blockquote {
border-left: 5px solid #D7F4CE ;
margin-left: 1.5em;
padding-left: 5px;
}

This will put a solid, narrow line on the left of your quote. (See this post for an example.)

Code like this—

blockquote {
width: 280px;
margin: 0px;
padding: 10px;
margin-left: 40px;
background-color: #fcffe7 }

—changes the background color of the whole quote. (Example here.)

Adding the line, "border:1px solid #0f491c;" will put a border around your quote.

All those px settings and the color choices are adjustable, of course. Tweak away.