In a recent project I was asked by a client to change the plain old arial font categories text that comes as default with the 2011 theme to something a little more elaborate.
By default, the 2011 WordPress theme applies filters to the category text inputs to only allow straight text.
As usual for me to overcome this I check for a plugin and I came across this one: by Arno Esterhuizen.
This plugin
disables those filters. Any html code you add to the category description will not be stripped out.
Simply follow the installation directions and activate the plugin. Once activated go to Categories on the admin menu and start adding the HTML tags. You could use a simple <b> or <p> or use div tags with css as I did below.
For the client WordPress site I add in a div tag so that I would be able to display text for the title of the category and an icon image (N&E) to the left.
The css style that I used to create the look is here:
.news {
background: url(http://xyz.com/wp-content/uploads/2011/07/news.gif);
background-position:left;
background-repeat:no-repeat;
height: 80px;
}
.news p {
color: #222;
font-family: 'MyWebFont', Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
line-height: 1.5em;
padding-top: 15px;
padding-bottom: 10px;
border-bottom: solid 1px #666;
letter-spacing: 3px;
text-align:center;
}
Which produced this result for the category News and Events:
So if you are looking to jazz up your categories look for the Allow HTML in categories plugin.
