Three Column Staff Block
The Three Column Staff Block is a great way to display staff, leadership, or volunteer members in an attractive manner. The Three Column Staff Block includes introductory title and description content, followed by 3 columns of profile pictures, titles and button links for each member of the block.
Click the 3 Column Staff Block graphic in the Add a Block > People panel:
Initial State
Below is an example of the initial state of the Three Column Staff Block:
When you first add the block, the Properties Panel immediately opens, allowing you to select People Group. Once a group is selected, you can begin adding members to the block and customizing other properties.
Edit People in the Group
You can add, remove and update the people in the group by clicking on the Edit people in this group button in the Properties Panel. This will open a second panel listing all the group members.
Click the right arrow to update the details of a particular member. Use the drag handle to re-order the appearance of members in the block.
Adding a new member will add them to the bottom of the list of group members. They will also be available to be added to other groups on your site as well.
Member Details
You can edit a member's details from the list of group members or by clicking the user profile image in the block itself. This will open the Edit Member panel:
From here, choose a profile image, add a title applicable to the current group. Add a button to link to a member profile page or some other relevant content on the site.
You can also remove a member from the Edit Member panel. Click the Remove from group button. You'll be redirected to the Edit Group Members panel.
Properties Panel
Click the options (...) button to open the Properties Panel. This is the same panel that opens when you initially add the block. You'll find the following properties available to edit:
| Property | Description |
|---|---|
| Show Title | Toggle to show or hide the group title above the members. |
| Show Description | Toggle to show or hide the group description above the members. |
| People Group | Select a group of people to display in the block. |
| Thumbnail Shape | The shape of profile images. Choose from circle, square, or rounded. |
| Space above/below | The space above or below the entire block. |
| Column Gap | The space between the columns of profile images. |
Four Column Staff Block
This block is identical in every way to the Three Column Staff Block except... you guessed it, it has four columns instead of three.