The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Modify the brackets on the group legend

Go down

Tutorial Modify the brackets on the group legend

Post by Ange Tuteur 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 !

Modify the brackets on the group legend Captu189


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 ! ♥️
Modify the brackets on the group legend Captu188


Save your changes and you're finished !  Modify the brackets on the group legend 1852325475



Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Beyonder likes this post

Back to top Go down

Back to top

- Similar topics

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