I am using wp_tag_cloud but my problem is the inline CSS (for the font-size). I am doing RWD so I need full control of my markup/css.

As I saw there is no property that will make it go away, so I guess I need to use another function, or the format=array. I tried using the array format but I couldn't make the tags appear. (not a php guy).

Also please note tags need to be enclosed in elements, so no plaintext..

What are my solutions? Can I use wp_list_categories somehow?

Thank you

  • What´s "RWD"? ...
    – kaiser
    Apr 25, 2012 at 23:35
  • What is the final mark-up that you want? Do you want to simply list the tags (comma separated?) ? Apr 26, 2012 at 1:47
  • Responsive Web Design. May 2, 2012 at 10:14

2 Answers 2


Add a filter for the tag cloud in your functions.php:

add_filter( 'wp_tag_cloud', 'wpse_50242_unstyled_tag_cloud' );

 * Change tag cloud inline style to CSS classes.
 * @param  string $tags
 * @return string
function wpse_50242_unstyled_tag_cloud( $tags )
    return preg_replace(
        "~ style='font-size: (\d+)pt;'~",
        ' class="tag-cloud-size-\1"',

In your template you call the tag cloud like this:

    array (
        'format' => 'list'

Now all inline styles are converted to CSS classes.


<li><a href='http://wp.dev/tag/doolie' class='tag-link-22' title='1 topic' style='font-size: 8pt;'>doolie</a></li>


<li><a href='http://wp.dev/tag/doolie' class='tag-link-22' title='1 topic' class="tag-cloud-size-8">doolie</a></li>

In your style sheet you format the tags with:

    font-size: .8em;
    font-size: 1em;
    font-size: 1.2em;

Thank you everyone for the answers, I actually found the solution. I used wp_list_categories and declared as taxonomy the tags. I wanted a simple ul list with no inline css involved..

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.