If you are wordpress techie or programmer, most cases you might want to put a code or quote tags in your blog post. By default the <code> or <pre> or <blockquote> tags require a special plugin or formatting to display them properly.

The simplest way of customizing the code and blockquote is to open styles.css and enter the following code in CSS. Go to Presentation > Theme Editor > Styles.css

blockquote, pre {
padding: 5px;
font-size: 12px;
display: block;
border: 1px solid #d5e8f9;
background: #e5ecf9;
}

code {
padding: 5px;
font-size: 12px;
display: block;
border: 1px solid #e0e0e0;
background: #f3f3f3;
}

Similar Posts:

• Changing Default Font in TinyMCE Editor
• How to design 3 Column Website Layout with Top Navigation Menu in CSS
• CSS Tutorial: How to Design Round Corner Boxes
• CSS Tutorial & Useful Tips for Beginners
• 3 Must Do Things for WordPress Blog Starters
• Quick & Easy Form Validation Tutorial with JQuery
• Free Markup BBCode Editor in Javascript
• Improve Readability with Cleartype font for LCD/Notebooks
• Free Markup TextArea HTML Editor in Javascript
• how to install wordpress theme?