Block quotes or quotes are usually used to show a note from other blogs or to show a comment. You can see an example of Block quotes in this post on the iPhone.
It is really simple to get this effect. Simply add these styles to your custom.css in your Thesis Custom File Editor.
.custom blockquote { color: #452A12; padding: 10px; font: italic 1.2em Georgia, "Times New Roman", Times, serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.custom blockquote { background: #ce9f49; }
Changing the style to meet your sites needs couldn’t be easier:
- Change the colour of the font by setting the color: #452a12 to a new hex code
- Change the background colour by changing background: #ce9f49 to a new hex code
- Change the font by editing the font: declaration
- And get rid of the rounded corners by removing the -moz-border-radius and -webkit-border-radius declarations. These are new standards and might not be seen by your browser. If they’re not get a standards ready browser. My favourite is Safari, but Firefox and Chrome will also do.
I have added links to aid you more but if you want further help grab me on rich at cregy dot co dot uk.
{ 1 comment… read it below or add one }
I admire the valuable information you offer in your articles. I will bookmark your blog and have my children check up here often.