Editing Template:UserInfobox

<infobox accent-color-source="headercolor" accent-color-text-source="headerfontcolor">
  <title source="name">
    <default><div style="text-align: center;">{{{title}}}</div></default>
  </title>
  <image source="image">
    <caption source="caption"/>
  </image>
<!--Start of section-->
  <group>
<!--Header of the section-->
    <header>Personal Information</header>
<!--Joined the wiki-->
    <data source="joined_the_wiki">
      <label>Joined the wiki</label>
    </data>
<!--Gender-->
    <data source="gender">
      <label>Gender</label>
    </data>
<!--Nationality-->
    <data source="nationality">
      <label>Nationality</label>
    </data>
<!--Interests-->
    <data source="interests">
      <label>Interests</label>
    </data>
<!--The section ends-->
  </group>
<!--End of the infobox-->
</infobox>
<noinclude>
<templatedata>
{
	"params": {
		"joined_the_wiki": {
			"label": "Joined the wiki",
			"type": "content",
			"required": true
		},
		"gender": {
			"label": "Gender",
			"type": "content"
		},
		"nationality": {
			"label": "Nationality",
			"type": "content"
		},
		"title": {
			"type": "wiki-page-name",
			"required": true
		},
		"image": {
			"label": "Image",
			"type": "wiki-file-name",
			"suggested": true
		},
		"caption": {
			"label": "Caption",
			"type": "content",
			"suggested": true
		},
		"interests": {
			"label": "Interests",
			"type": "content"
		}
	},
	"paramOrder": [
		"title",
		"image",
		"caption",
		"joined_the_wiki",
		"gender",
		"nationality",
		"interests"
	]
}
</templatedata>
</noinclude>