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.

Set different icons for each category title

View previous topic View next topic Go down

Set different icons for each category title

Post by Ange Tuteur on August 17th 2015, 12:07 pm

Set different icons for each category title


This tutorial will show you how to set different icons for each category title, such as in the example below.



1. Adding the tag to the category title


Go to Administration Panel > General > Forum > Categories and Forums, then edit a category. Edit

For each category you can add the following code before or after the title of the category.
Code:
<span class="cat1"></span>


Exclamation Remember to change the class for each category title to something like cat1, cat2... or a unique name that you can remember such as speech_bubble. This is of course if you want to use a different icon for each category. If you want to use the same icon for multiple categories, then use the same class.

When you're finished, remember to save.


2. The CSS


Go to Administration Panel > Display > Colors > CSS stylesheet and add the code below to your stylesheet.

Code:
.cat1:after {
  content:url("ICON_URL");
  vertical-align:top;
}

Replace ICON_URL by the URL of your image, and remember to change the class .cat1 to the class you chose.


Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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