Patterns @ 10px – Spectra – Inline

Sample Elements and Guidelines for Page-building in WordPress

Table Of Contents

A. Inline

A. Inline

Patterns where text appears directly on the page. Background colors and text colors can be customized per block.

Inline – One Column

Optional section introduction.

Subheading

Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu. Magnis blandit donec laoreet maximus quis nulla. Eleifend duis quam non phasellus ullamcorper ex consectetur montes habitant. Netus cubilia tortor libero, pulvinar fermentum nisl scelerisque quis. Natoque potenti enim mus viverra proin etiam suspendisse urna praesent.

Inline – Two Column

Optional section introduction.

Subheading

Lorem ipsum dolor sit amet consectetur. Viverra eget condimentum pellentesque at amet et nisi. Tristique pellentesque in aliquam vel. Risus sed sed a tincidunt. In at ut morbi amet feugiat pellentesque hac varius.

Inline – Two Column – Image

Optional section introduction.

Subheading

If the image is set as the container background, be sure to set a manual height on mobile when the columns stack.

To change the layout, swap Column 1 and Column 2.

Inline – Grid

Optional section introduction.

To modify the number of columns, select the Grid Wrapper container > General > Layout and edit the columns accordingly.

Lorem ipsum

To add or remove grid items, just select any Grid Item and delete or duplicate as needed.

Learn More

Lorem ipsum

To add or remove grid items, just select any Grid Item and delete or duplicate as needed.

Learn More

Lorem ipsum

To add or remove grid items, just select any Grid Item and delete or duplicate as needed.

Learn More