Hide and Reorder People Profile Fields


This will hide all profile fields on the User Edit page except for Job Title and Custom Fields. It will also shift Job Title to the bottom and put Custom Fields above the Job Title. 

Important note: This will only work for 5 custom fields. Use this with caution.


/* push job title to be under custom fields */
   label[for="title"]:first-of-type {
   padding-top: 320px;
   margin-bottom: 0;
   position: relative;

/* more adjustment for custom fields changing */
.details-block-title {
   display: none;

/* put custom fields at top*/
.custom-fields {
   position: relative;
   top: -375px;
   height: 60px;

/* hiding fields on attendee profile edit pages */
label[for="linkedin"], input[name="linkedin"],
label[for="facebook"], input[name="facebook"],
label[for="twitter"], input[name="twitter"],
label[for="website"], input[name="website"],
label[for="about"], input[name="about"],
label[for="company_name"], input[name="company_name"],
label[for="twitter"], input[name="twitter"] {
   display: none;

/*Adjust "save your profile" button in profile edit page */
   max-height: 545px;

form[name=editProfileForm] button[type=submit] {
  position: absolute;
  top: 600px;
  width: 92%;


0 out of 0 found this helpful



Article is closed for comments.