Team Overlay - Change Information

Hi guys

I’m working on our TEDx website and I would love to only show the name of the employee on the overlay, not the position as well. Is it possible to change that in Custom CSS? What would I have to put? For now I have disabled the overlay. Thanks so much in advance?

Hello there,

Use the below custom CSS code:

.pop-overlay .pos,
.pop-overlay .team-social {
  display: none;

.roll-team .team-item .team-pop .team-info {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);  

To apply it to your site, add it into Appearance > Customize > Additional CSS in your site dashboard.


it worked perfectly! thank you so much :slight_smile:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.