Modify the brackets on the group legend

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 !  



avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2922
Language : EN, JA, FR
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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