Test Format + Shortcodes - Mission Connection

See a list of all shortcodes here

Main shortcodes for use in formatting on Default Content Template & Hub Template Content Blurbs are:

Callouts: wraps content in background for
- WP reference how to
- Preview
Blockquote: creates quote + cite, use WYSIWIG to wrap text
- WP reference how to
- Preview
Styled List: replaces bullets with arrows (default) or checks (style=”checked).The checked version can be set into 2 columns.
- WP reference how to
- Preview
Grid (Rows & Columns)
- WP reference how to
- Preview
Accordions: can also be put into max of 3 columns
Col Card Examples

Callouts

Important content

Bordered content

Dotted content

Blockquote

This is the built in blockquote.

This is the shortcode blockquote. Oh yeah its fancy!Sarah J

This is the large shortcode blockquote. Oh yeah its fancy and big!Sarah J

Styled List

Standard bullet list
Sed semper ligula vitae sapien consectetur porttitor.
Ut lacinia augue in eros rhoncus porttitor.
Nunc quis dolor nec diam lacinia lacinia vel a ante.
Vestibulum finibus est in euismod pretium.

Basic Bullet Styled
Sed semper ligula vitae sapien consectetur porttitor.
Ut lacinia augue in eros rhoncus porttitor.
Nunc quis dolor nec diam lacinia lacinia vel a ante.
Vestibulum finibus est in euismod pretium.

Checked Bullet Styled
Sed semper ligula vitae sapien consectetur porttitor.
Ut lacinia augue in eros rhoncus porttitor.
Nunc quis dolor nec diam lacinia lacinia vel a ante.
Vestibulum finibus est in euismod pretium.

Checked Bullet Styled in two columns
Note: Only checked can be split into columns this way
Sed semper ligula vitae sapien consectetur porttitor.
Ut lacinia augue in eros rhoncus porttitor.
Nunc quis dolor nec diam lacinia lacinia vel a ante.
Vestibulum finibus est in euismod pretium.

Grid

Flex Grid – these will fill up the space, max 3 columns.

Must always open and close with [ row ] [ /row ] or it won’t turn into grid.

Will auto grid to max of 3 columns

Primary Background

No Background

Primary Background

No Background

Will be in two rows and the rows will automatically grid to space with max of 3 columns

Primary Background

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Someone 🙂 put 5 columns in here.

You can see it filling the space with max 3 columns.

Then it wraps.

No Background

Primary Background

amfm mental health treatment arcola house mn featured thumb - Mission Connection

Headline for This

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Grid Grid – yeah I know, weird way to say it: these will maintain column widths and you can set up to 12 columns.

Bordered Column

Open Column

Brands Column

Primary Column

Open Column

Bordered Column

Grids with Column that spans

Primary Column Spanning 2 columns

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Bordered Column

Bordered Background Column

Grids with columns that span + photo that spans. Do not use captions on these photos. If image is the only thing in column, it will take up the entire space of the column with no padding.

Primary Column Spanning 2 columns

Bordered Column

Accordions

Morbi felis nunc, condimentum in pharetra eget, hendrerit eu mi. Vivamus tempus bibendum est, porta posuere nibh. Nunc sit amet tortor sem. In elementum, dui vitae consectetur laoreet, elit elit laoreet lectus, eget ullamcorper urna quam sed leo. Nunc arcu mauris, condimentum vel urna sed, auctor semper justo. Suspendisse dignissim vehicula nisl ac efficitur. Aliquam rutrum justo eu egestas lobortis. Mauris vel neque mattis, placerat leo eu, vulputate orci. Sed mattis augue orci, vitae mattis mi ullamcorper vitae. Proin tortor mauris, sagittis ut sapien et, pulvinar consequat augue. Integer eleifend enim a lacus efficitur vulputate.

Shortcode Accordions No Group

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Shortcode Accordion 4

Accordion content 4

Shortcode Accordion 5

Accordion content 5

Shortcode Accordion 6

Accordion content 6

Shortcode Accordions with Group

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Shortcode Accordion 4

Accordion content 4

Shortcode Accordion 5

Accordion content 5

Shortcode Accordion 6

Accordion content 6

Shortcode Accordion with Group Column 2

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Shortcode Accordion 4

Accordion content 4

Shortcode Accordion 5

Accordion content 5

Shortcode Accordion 6

Accordion content 6

Shortcode Accordions with Group Column 3

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Shortcode Accordion 4

Accordion content 4

Shortcode Accordion 5

Accordion content 5

Shortcode Accordion 6

Accordion content 6

Shortcode Accordions with Group Column 4 – will force into 3 columns

Any amount of columns above 3 columns will force into 3 column and wrap the remaining columns.

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Shortcode Accordion 4

Accordion content 4

Shortcode Accordion 5

Accordion content 5

Shortcode Accordion 6

Accordion content 6

Shortcode Accordion 7

Accordion content 7

Shortcode Accordion 8

Accordion content 8

Shortcode Accordions with Group Column 5 – will force into 3 columns

Any amount of columns above 3 columns will force into 3 column and wrap the remaining columns.

Shortcode Accordion 1

Accordion content 1

Shortcode Accordion 2

Accordion content 2

Shortcode Accordion 3

Accordion content 3

Shortcode Accordion 4

Accordion content 4

Shortcode Accordion 5

Accordion content 5

Shortcode Accordion 6

Accordion content 6

Shortcode Accordion 7

Accordion content 7

Shortcode Accordion 8

Accordion content 8

Shortcode Accordion 9

Accordion content 9

Shortcode Accordion 10

Accordion content 10

Column Card Background Styles

Default Col

Text will respond to section background color.

Example Bullet Style Checked
Example Bullet Style Checked

Button Example

Primary Variant Col

Primary color background with white text.

Example Bullet Style Checked
Example Bullet Style Checked

Button Example

Bordered Variant Col

White color background with default gray text.

Example Bullet Style Checked
Example Bullet Style Checked

Button Outline Example

H3: Bordered-Card Col

White color background with default gray text and top border in accent color.

Example Bullet Style Checked
Example Bullet Style Checked

Call 866-833-1822

Flag One Default Col

Text & Flag will respond to section background color.

Example Bullet Style Checked
Example Bullet Style Checked

Button Example

Flag Two Primary Variant Col

Primary color background with white text. Flag is white background with primary dark text.

Example Bullet Style Checked
Example Bullet Style Checked

Button Example

Flag Three Bordered Variant Col

White color background with default gray text. Flag is primary dark background with white text.

Example Bullet Style Checked
Example Bullet Style Checked

Button Outline Example

Flag Four H3: Bordered-Card Col

White color background with default gray text and top border in accent color. Flag is primary background with white text.

Example Bullet Style Checked
Example Bullet Style Checked

Call 866-833-1822