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

Go down

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

Post by Guest on March 4th 2016, 4:26 pm

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.




Last edited by clivverton on March 7th 2016, 4:48 pm; edited 1 time in total

Guest
Guest


Back to top Go down

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

Post by Guest on March 6th 2016, 10:27 pm

*Bump*

Smile

Guest
Guest


Back to top Go down

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

Post by Take Notes on March 7th 2016, 2:57 am

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.
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

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

Post by Guest on March 7th 2016, 3:19 pm

Sorry about that, Forumedic Embarassed

I will try correcting my mistake above.

Thanks for the posting tip.

Guest
Guest


Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum