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:
- Adding border to images in WordPress post!
- 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
- How to insert HTML/BBcode tags to WordPress Comments Form
- 3 Must Do Things for WordPress Blog Starters
- Improve Readability with Cleartype font for LCD/Notebooks
- Quick & Easy Form Validation Tutorial with JQuery
- Free Markup BBCode Editor in Javascript

