Skip to content

Team Member Box Element

How to add/edit the team member boxes on the Board of Directors page.

1) First, navigate to the “Pages” section in the left navigation. Scroll down and click on Board of Directors to edit the page.

2) Scroll down to the board members section.

3) If you’re removing an existing entry, just edit the entry instead and replace his/her information with one of the new members. To edit this region, hover over the box that currently contains the entry to replace and click on the pencil icon in the green box. You’ll notice that information displayed for this element contains the name of the person and the selected border color.

Help - Edit Team Member Box Element

4) Edit the content accordingly. If it’s a board member, you should leave the Member Title field empty. The rest can be filled out. Take note of the Box Border Color field. If you re-arrange the order of the members, you’ll likely have to adjust the border color of other members so that all members in a row use the same border color.

Edit Team Member Box Content

5) To add a new member, first check if the last row has any empty cells. Click on the big plus icon in the middle of this grey box and then skip to Step 6. If not, continue with Step 5.

Add Team Member Box

If there are no empty cells available, the easiest approach is to clone the last row of team members. Click on the clone icon in the last row of team members as shown in the figure below.

Clone Team Member Row

Be sure to delete any team member elements that aren’t needed in the new row. You delete these items by clicking the X icon in the green box when you hover over the element.

Delete Team Member Box

You can now edit the first element in the new row using the same steps as stated in Step 3.

6) Click on the Team Member Box element.

Choose Team Member Box Element

If you have are having difficulty finding the element, enter “team” in the search box in the upper right corner of the popup. This will narrow the list down to only a few items making the element easier to find.

Search for Element

7) Enter the information on the new team member like you did in Step 4 above.

8) To re-order the items, begin by hovering over the item that you want to move. Click and hold down the left mouse button while on the “Team Member Box” text in the green bar. Your cursor will change to an icon that looks like 4 arrows pointing in all directions (up, down, left, right)

Move a Team Member Box element

9) While holding down the mouse, drag the team member into the desired cell box. For example, if you want to move the entry for Bill Leduc into the first position, you would drag it above the current item in the cell from the first row and column. Release the mouse button when it’s in the desired position.

Drag and Drop Team Member Box element

10) Repeat steps 8 and 9 until all the team members are in the desired positions. No cell in the grid should be empty if you do this correctly. No single cell should have more than 1 team member box element either.

11) If any items changed rows, please edit individual entries so that all items in a row have the same border color.

Edit Border Color of Team Member Box
12) Update the page to save your changes.