Block Demos

Demo Hero Block

Sign up for news & updates

By submitting this form, you are consenting to receive marketing emails from: Social Justice Fund NW, 432 2nd Ave Ext S, Suite 201, Seattle, WA, 98104, https://socialjusticefund.org/. You can revoke your consent to receive emails at any time by using the SafeUnsubscribe® link, found at the bottom of every email. Emails are serviced by Constant Contact

CTA Tiles

This block is the ‘CTA Tiles’ Block. It can have between 1-3 tiles and optional subtitle (this) and background graphic with parralax display.

Tile 1

These tiles do NOT have options for texture or bg change.

Tile 2

These tiles ARE setup to all be links.

Tile 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tile Feature Cards

This is the Tile Feature Cards Block. You can have unlimited number of cards that will display at most 3 in a row. Each card can be set as a link as well.

Select an Image

These cards can have images set as their backgrounds.

Pick a Color

These cards also offer a color picker option for individual background color.

Texture

If you don’t add a background, these will automatically add a texture.

I'm a new Row

This demonstrates you can add more Cards.

Variable Columns

This is the “Variable Columns” block. It can also have unlimited columns that will max at 3 per row. These cards are not set to have images have backgrounds or be links. They are content only.

The content is generated with WYSIWYG editors, so is more flexible for things like Post content where you want a colored background.

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.

Header 3

You have more options for the variable columns. Including multiple header types or even adding media.

You can toggle the textured background on or off for any of the individual columns.

Column 1

I am a separate Variable Column block to demonstrate having a single column with a textured background. These will most likely be used in Posts to emphasize certain paragraphs.