Team Members block for About page?

Hi @ahardy42! We don’t yet have plans to introduce a separate Team Member block. However, rearranging the contents of the Testimonial block to make the name and title come before the text could be done with CSS and custom class names. Here’s how you can do it:

1. Select the testimonial block that you want to rearrange.
2. Look for Advanced > Additional CSS classes in the block inspector. Then, enter the custom class name you want for the testimonials you want to turn into team member blocks.
3. Finally, paste the following into your custom CSS file and replace instances of “ub_team_member” with the class name you inputted.

   .ub_testimonial.ub_team_member .ub_testimonial_content {
   	grid-column-start: 2;
   	grid-row-start: 2;
   }
   .ub_testimonial.ub_team_member .ub_testimonial_sign {
   	grid-row-start: 1;
   	grid-column-start: 2;
   }
   
   @media (max-width: 480px) {
   	.ub_testimonial.ub_team_member {
   		display: flex;
   		flex-direction: column;
   	}
   	.ub_testimonial.ub_team_member .ub_testimonial_content {
   		order: 3;
   	}
   	.ub_testimonial.ub_team_member .ub_testimonial_sign {
   		order: 2;
   	}
   }

Testimonial blocks with and without the custom class name will look similar in the editor, but the rearrangement should take effect on the frontend.

Please let us know how it goes.

Hi Alexis, that’s pretty awesome, thanks for the styling lesson.

That will be fine for the time being and hopefully you guys will create a special Team Member block.

I think it’s cool that you offer a good, simple collection of blocks which work well but you don’t clutter up WP with a bunch of templates that no-one ever uses or drown the user with adverts for supposedly fantastic premium functionality.