Modify the brackets on the group legend

The forum of the forums :: About Forumotion ::   :: Tips & Tricks

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




  This tutorial was proposed by Ramdaman,
  Optimized by Ange Tuteur.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13242
Reputation : 2979
Language : EN, JA, FR
Location : Pennsylvania

View user profile https://fmdesign.forumotion.com

Back to top Go down

Back to top

The forum of the forums :: About Forumotion ::   :: Tips & Tricks

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