Multi Builder Elements, Multi Theme and Website Builder
3 minutes read

Team member Block

Team member Block in Multi Elements comes with a ready set of the most needed elements you might want to include to build a team member section on your page:

  • Image
  • Headline (Name)
  • Text (Position)
  • Text (Description/Bio)
  • Social icons

Customize each of those blocks using their standard sets of options. You can mix and match them freely and even add other blocks of your choice. The instructions for using each of the blocks above can be found on corresponding documentation pages.

Apart from that, you can customize the Team member block as a container, choosing from many options:

  • Block position – set the block position to left, center or right. This option is available at the top block options panel.
  • Max. width – set the block maximum width using any CSS-compatible max-width value.
  • Top margin – set the top margin using any CSS-compatible margin value.
  • Bottom margin – set the bottom margin using any CSS-compatible margin value.
  • Top padding – set the top padding using any CSS-compatible padding value.
  • Right padding – set the right padding using any CSS-compatible padding value.
  • Bottom padding – set the bottom padding using any CSS-compatible padding value.
  • Left padding – set the left padding using any CSS-compatible padding value.
  • Background color – set the background color.
  • Background hover color – set the background hover color.
  • Background image – set a background image. Choose an image from your WordPress Media Library or upload a file directly from your computer.
  • Parallax effect – you can add a parallax effect to your block.
  • Background size – set the background image size. Choose from auto, cover, contain, or add a custom value.
  • Custom background size – set a custom background size using any CSS-compatible background-size value.
  • Repeat background – you can choose to repeat the background image, to repeat just horizontally or just vertically, or not to repeat at all.
  • Background position – set your background image position. Use any CSS-compatible background-position value.
  • Background gradient – you can set the background colors to gradient.
  • Background gradient color – set the background gradient color of your block.
  • Background color position – set the block background color position.
  • Background gradient color position – set the block background gradient color position.
  • Background gradient type – set the background gradient type from linear and radial.
  • Background gradient angle – set the background gradient angle using 0-360 degrees. This option is available with the linear gradient type.
  • Background gradient position – set the background gradient position. This option is available with the radial gradient type.
  • Top border width – set the width of the top border.
  • Top border color – set the color of the top border.
  • Right border width – set the width of the right border.
  • Right border color – set the color of the right border.
  • Bottom border width – set the width of the bottom border.
  • Bottom border color –  set the color of the bottom border.
  • Left border width – set the width of the left border.
  • Left border color – set the color of the left border.
  • Rounded corners – set the corner radius for all block corners using % or px.
  • Shadow color – set the color of the shadow.
  • Shadow blur – set the blur of the shadow.
  • Horizontal offset – set the horizontal offset of the shadow.
  • Vertical offset – set the vertical offset of the shadow.
  • Shadow type – set the shadow type to outer or inner.
  • Shadow hover color – set the hover color of the shadow.
  • Shadow hover blur – set the hover blur of the shadow.
  • Hover horizontal offset – set the hover horizontal offset of the shadow.
  • Hover vertical offset – set the hover vertical offset of the shadow.
  • Animation – you can add animation to your team member block.
  • Animation delay (in milliseconds) – set animation delay.
  • Animate anytime this block enters the viewport – you can choose to animate the block anytime it enters the viewport, instead of only once.
  • Class – add a custom CSS class to your team member block.
  • ID – add a custom CSS ID to your team member block.
  • Style – add an inline CSS style to your team member block.