Styles

Back to Style Guide

Style options for Sections or Blocks are found by clicking the name tab of the Section or Block.

"Full hero" styling below is selected in the Section. Usually only used on the start page of a website.

Full hero

Styling adding in the section under "section type"

"Small hero" styling below is selected in the Section.

Small hero

Background images in a section can also be transparent, with the "Transparent background image" checkbox in the Section under Styles tab.

Transparent background

Both Sections and Blocks have selectable background colors

Text color is automatic, but "White text" is an option for both Blocks and Sections. Here selected for the Block only.

Both Sections and Blocks have an option to center text and elements. If added to the Section it centers everything within each Block of the section. If added to a Block it centers only that Block.

"Linked block" styling for a Block turns the whole block in to a clickable link. The link itself is added in the "Interaction" tab of the Block.

This Section also use the "Narrow" option is the Section styles, which creates a narrower section, as is done on the Investment case page.

Geo charts

Gives charts a special styling when selected for the Section under under Styles - Section type

Full screen section

Under Styles - Section type for the section you can set it to fullscreen. This will use the full width of a screen as seen in the section below.

Styles

Full hero

Styling adding in the section under "section type"

Small hero

Transparent background

Full screen section

This section uses the "Full screen section" styling.

This section uses the "Full screen section" styling.

This section uses the "Full screen section" styling.