Changing Quote and Code Tags in Wordpress

Wordpress, Internet Add comments

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;
}

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • BlinkList
  • blogmarks
  • del.icio.us
  • digg
  • feedmelinks
  • Furl
  • Fleck
  • MyShare
  • NewsVine
  • Netscape
  • Slashdot
  • Spurl
  • StumbleUpon
  • Taggly
  • Technorati
  • Wists
  • YahooMyWeb

Leave a Reply

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Login