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.

Modify the brackets on the group legend

View previous topic View next topic Go down

Modify the brackets on the group legend

Post by Ange Tuteur on October 24th 2014, 8:34 pm

Modify the brackets on the group legend

This tutorial will allow you to change the brackets on the group legend of your Forumotion forum. The modification can be made on any forum version !



Editing the index_body

Go to Administration Panel > Display > Templates > General find the template index_body and edit it. Edit

Find :
Code:
{GROUP_LEGEND}

Replace by :
Code:
<span id="groupLegend">{GROUP_LEGEND}</span>

Save and publish. Add


Editing the CSS

Go to Administration Panel > Display > Colors > CSS stylesheet and paste the following code :
Code:
#groupLegend { font-size:0 }
#groupLegend b { font-size:11px }
#groupLegend b:after { content:" • " }
#groupLegend b:last-child:after { content:"" }
Doing so will replace the brackets [] with bullets •

Modifcations

To change the Icon displayed between groups modify the bullet in this rule :
Code:
#groupLegend b:after { content:" • " }

To something different, like a heart !
Code:
#groupLegend b:after { content:" ♥ " }

To change the color of the separators, add this rule to your stylesheet :
Code:
#groupLegend { color:#F00 }
Replace #F00 by the color of your choice. To make it easy, you can use this to pick a color code : http://colorpicker.com/


The result ! ♥


Save your changes and you're finished !  




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