Intro
Page Builder Profiles were designed to display lists of people. It is ideal for pages that display staff members, board members, committee members, etc.
It allows for the display of an image of the person, name, title, contact information, bio, etc. There are several options of display to choose from.
Portrait - Left
Configured with color blue, photo position left, photo orientation portrait, 90% width. The Color Style for item one was overridden to orange.
Container Settings configured with a light gray background and padding all around.
Landscape - Top
Configured with color blue, photo position top, photo orientation landscape, 100% width. The Color Style for item one was overriden to orange.
Circular - Top Center
Configured with color blue, photo position top center, photo orientation circular, 100% width. The Color Style for item one was overriden to orange.
Card 1
Configured with color blue, photo position card 1, photo orientation square, 100% width. The Color Style for item one was overriden to orange.
Card 2
Configured with color green, photo position card 2, photo orientation portrait, 100% width. The Color Style for item one was overriden to orange.
Container settings configured with blurred background image with parallax effect, white text and padding all around.
Configurations
Component Configuration
- Title
- If title should be displayed on the page
- An introduction text displayed before the grid of profile items
- Color style
- Number of columns
- Column gap
- Photo position (left, right, top, top center, bottom, bottom center, etc.)
- Photo orientation (landscape, portrait, square, circular)
- Component width as a percentage of the total width available for the component
- Placement (top of page content, bottom of page content, inline, etc.)
- Container Settings
Container Settings
Container settings allows the configuration of the container housing the component. It allows the following settings:
- Padding (in px): top, right, bottom, left. Defaults to 0px for all.
- Margins (in px): top, right, bottom, left. Defaults to 32px in the bottom.
- Border (in px): top, right, bottom, left. Defaults to 0px for all.
- Border Radius (in px): defaults to 0px.
- Border Color
- Background
- Color
- Text Color
- Extend text color to items or not
- Opacity (%)
- Blur (in px)
- Media (image / video)
- Parallax Effect (for Image only)
Profile Item Configuration
- Photo
- Photo Crop
- Full Name
- Title/Position
- Organization/Company
- Phone
- Additional Information
- Bio
- View More Button Label
- Social Media
- Color style