Detailed Information

A two-column section to provide detailed information using text, tag list, single line icon, and collapsible content.

detailed-information

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

No styles have been applied.

Modules


Text Block

No changes to default content.


Text Block

Semantic Heading Level 3
Style Heading Level 5
Styles > Spacing > Desktop > Padding

Top: theme.global.spacing.sections / 2,
Bottom: 20


Tags
No changes to default content.

Text Block

Semantic Heading Level 3
Style Heading Level 5
Styles > Spacing > Desktop > Padding

Top: theme.global.spacing.sections / 2,
Bottom: 20


Icon Text

Layout > Icon Position Left
Layout > Icon Spacing 14
Layout > Desktop Columns: 1
Justify: Start
Layout > Tablet

Columns: 1
Justify: Start

Layout > Mobile

Columns: 1
Gap: 100
Justify: Start

Styles > Alignment > Desktop

Left

Styles > Icon > Borders

Radius: 100


Collapsible Content

Styles > Module > Max Width 660
Styles > Module > Alignment Desktop: Right
Styles > Module > Borders Border Style: theme.global.borders.border_style
Radius: theme.global.borders.radius
Styles > Module > Spacing > Desktop Top: 15
Right: 40
Bottom: 15
Left: 40
Styles > Summary > Borders Remove Bottom Border: true