Spectrum Fusion

Style Guide

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Photo Caption Text – Regular Image

Paragraph Large text lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Paragraph text lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Gallery

  • Image Caption

Media & Text

The Media & Text block lets you feature content next to an image. By default the alignment is set to “Wide” and the arrangement set to “Image – Content”. On the Reactor page we removed the wide alignment so it stays within the content area.

Make sure you select “Stack on mobile” in the right column for an improved mobile style.

AUTISM SOCIETY OF TEXAS

The Autism Society of Texas changes lives by connecting families and individuals to community resources and support throughout Texas. Offerings include support meetings; on-line networking opportunities; Sensory Friendly films; and fun family activities. 

Blockquote

“blockquote text lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.”

Blockquote Byline

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat”

– Eiusmod Tempor, incididunt ut labore

Lists

  • Unordered list item text
  • Lorem ipsum dolor sit amet
    • Nam libero tempore, cum soluta nobis est eligendi optio cumque
    • Itaque earum rerum hic tenetur
  • Ut enim ad minim veniam quis nostrud exercitation ullamco
  • Consectetur adipiscing elit
  1. Ordered list item text
  2. Lorem ipsum dolor sit amet
    1. Nam libero tempore, cum soluta nobis est eligendi optio cumque
    2. Itaque earum rerum hic tenetur
  3. Ut enim ad minim veniam quis nostrud exercitation ullamco
  4. Consectetur adipiscing elit

Button Styles

Default Button
Outline Button
Full Width Button
Paragraph of Buttons

The button block lets you insert a single button on its own line. If you would like to have multiple buttons on one line, use the standard paragraph block to create the links, then select the “Button Links” style for the paragraph.

Link 1 Link 2 Link 3

Cover Block

The cover block lets you display a title on top of an image. It works best if you set the alignment to “full” and use italics to create the smaller text in the headline (see video).

This is a Cover Block

Feature Boxes

Use the Feature Box block to feature a block of content. The following feature boxes have been saved as reusable blocks so you can add them to pages without recreating them. If you edit a reusable block, all instances of that block will update.

Subscribe to our Newsletter

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Donate to Spectrum Fusion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

See Donation Options

Accordian

Donate

Here are the ways that you can donate your time to help {reactor} achieve {their} goals:

  1. {list of ways}

Here are the ways that you can donate your treasure to help {reactor} achieve {their} goals:

  1. {list of ways}

Here are the ways that you can donate your talent to help {reactor} achieve {their} goals:

  1. {list of ways}

Post Listing

You can use Display Posts shortcode to dynamically list posts on your site. See the full list of query parameters.

By default it displays a bulleted list. Ex: [display-posts posts_per_page="3"]

Post Listing – Summary Layout

The “summary” layout matches the style found on the blog and category archives. Ex: [display-posts layout="summary" posts_per_page="3"]

Post Listing – Columns Layout

The “columns” layout will display the posts in 3 columns on tablet and desktop. Ex: [display-posts layout="columns" posts_per_page="3"]

Post Listing – Community Layout

If you want to list posts in the community post type, you can use the community layout to match the styling. Ex: [display-posts layout="community" post_type="community" posts_per_page="6" title="Meet Our Community"]

Meet Our Community

If you want to feature specific community members, you can use the id parameter to list their post IDs. id="123, 456"