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.

Blogger 101: Blockquote Coding

Replace your current blockquote segment (under "posts") with this:

blockquote {
background:#fdf5e7;
font-size:100%;
padding:10px 15px;
border:1px solid #0f491c;
}

Here's an example of the blockquoting with the particular colors shown above.

Have fun tweaking the color numbers for the background and the border. It doesn't work automatically with all of the templates (one of the templates, at least, has a very simplified "posts" section). I use the palette in Paint Shop Pro to find the color numbers I want.