Personal Details

A section with text, single-line icon text for contact information, and an image displaying personal details of staff, faculty, instructors, etc. Section overlaps the section above it.

personal-details

View a live demo of this section here.

The following is a detailed listing of the styling edits made to the section, the modules used in the section, and field changes from the modules' default state.

Section Styles

Alignment and spacing > Max width theme.global.max_width_narrow
Alignment and spacing > Vertical alignment Middle
Background > Color theme.global.colors.backgrounds.base.color

Modules


Section Settings

Section Options Overlap
Overlap > Section Above
Overlap > Max Width theme.global.max_width_wide


Text Block

Visible Elements Eyebrow, Heading, Body Text
Styles > Module > Max Width 540


Icon Text

Layout > Icon Position Left
Layout > Desktop Columns: 1
Row Spacing: 20
Justify: Start
Layout > Tablet Columns: 1
Layout > Mobile Columns: 1
Width Type: Even
Justify: Start
Styles > Module > Spacing > Desktop > Padding Top: theme.global.spacing.rows * 2
Styles > Alignment Desktop: Left


People

Layout > Desktop Columns: 1
Layout > Tablet Columns: 1
Layout > Mobile Columns: 1
Styles > Module > Animation Fade Up