Add Pronouns After Name

See example below but I want to have different options for different profiles. Here is what i have so far:

.eapp-team-showcase-member-card-info-name:after {
  content: "she/her";
  display: inline !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  text-transform: lowercase;
  letter-spacing: .04em;
  margin-left: 10px;
}

2 Likes

Hi there, @Joshua_Stanley :wave:

Many thanks for sharing your idea with the workaround!

Currently, unfortunately, it’s impossible to set a custom text for each profile. If this idea gets more votes, we’ll try to consider it in the future :slightly_smiling_face:

1 Like

could you just give me the css to select each child?

2 Likes

My bad, sorry for missing that! Here is the code:

.eapp-team-showcase-grid-component .eapp-team-showcase-grid-item:nth-child(1) .eapp-team-showcase-member-card-info-name:after {
  content: "she/her";
  display: inline !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  text-transform: lowercase;
  letter-spacing: .04em;
  margin-left: 10px;
}

To apply the code to the needed member, just change the number of the child in the 1st line of the code :slightly_smiling_face:

1 Like