Need help with Category name text position (PunBB)..

Hi,

I'm a PunBB user and would like to reposition each Category white text title, so its appears under the Category badge logo for each seperate Category. There's 5 seperate Categories on my forum so far, example...



I have used this code (below) in the (Admin/ Categories and forums/ Modify a category area)
to make a small separate graphic appear in each Category field, here's some examples:

Code: <span class="cat1"></span>"My category title goes here"

Then I added this to my CSS:

Code:

.cat1:after {
          content:url("http://i68.servimg.com/u/f68/18/36/29/04/12_png10.png");
          vertical-align:left;
        }

My second Category image link:

Code:

<span class="cat2"></span>"My 2nd category title goes here"

Followed by some more CSS code:

Code:

 .cat2:after {
          content:url("http://i21.servimg.com/u/f21/18/36/29/04/15_png11.png");
          vertical-align:left;
        }

And so on for 5 categories, I need the Category white text title under the logos, how do i do it? I hope this is clear to understand.
Here's the original link where i used the idea from:
https://help.forumotion.com/t142777-set-different-icons-for-each-category-title?highlight=text+position+in+category+punbb

I appreciate any help,

Thanks,
Clivverton.

*Bump*

Just to let you know, when you send code, it is always best to add BBCode around the code to make it easier to read and copy/paste. Smilies may take affect in the code, same with hash tags and name tagging.

How to send code?

Code:

[code]Example[/code]

Code: [table class="inline-code"][tr][td][code]Example[/code][/td][/tr][/table]

Second one can be used for just hex colors or other purposes.

Sorry about that, Forumedic

I will try correcting my mistake above.

Thanks for the posting tip.