The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic 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:
http://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 Genesis 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.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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

View previous topic View next topic Back to top


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