Google
 

Modify your blockquotes !


A blockquote is an element which defines a block quotation within the text. They should essentially be used to show the quotations of another person which is related to your post content. Generally they are used to signify important text by drawing the viewer's eye to a separate block of text.

In the standard (Minima) blogger template a blockquote is defined by the following CSS code :


.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

To make it look better modify the above code as below :

.post blockquote {
background:url(http://i255.photobucket.com/albums/hh146/lulapaps/icon.gif) no-repeat;
padding:40px;
margin:1em 20px;
background-position:10px 10px;
border:2px #000000 solid;
text-align: justify;
}
.post blockquote p {
margin:.75em 0;
}


You can change the border color by changing this line :

border:2px #000000 solid;




[+/-] show/hide this post