Kitchen Sink

Text Blocks

Block: Paragraph

Typography size Default / Unset (M) – Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non nisi luctus, vestibulum magna ac, scelerisque odio. This is bold text sit amet nunc iaculis varius. this is italic text vitae magna ultricies, eu this is a link. Nullam rutrum ullamcorper tristique.

Typography size S – Nunc ornare magna nec ipsum rutrum euismod. Morbi malesuada tempus turpis, vel blandit lacus mollis in.

Typography size M – Nunc ornare magna nec ipsum rutrum euismod. Morbi malesuada tempus turpis, vel blandit lacus mollis in.

Typography size L – Nunc ornare magna nec ipsum rutrum euismod. Morbi malesuada tempus turpis, vel blandit lacus mollis in.

Typography size XL – Nunc ornare magna nec ipsum rutrum euismod. Morbi malesuada tempus turpis, vel blandit lacus mollis in.


Block: Heading

Heading – H1

Heading – H2

Heading – H3

Heading – H4

Heading – H5
Heading – H6

Block: List

  • Unordered List quam neque, auctor
  • Nullam vehicula pellentesque erat
  • Donec tempor pellentesque sollicitudin
  1. Ordered List quam neque, auctor
  2. Nullam vehicula pellentesque erat
  3. Donec tempor pellentesque sollicitudin

Block: Quote

Nullam vehicula pellentesque erat, non elementum felis pellentesque in. Ut iaculis sapien eu sem facilisis, vel dictum metus elementum. Etiam ut metus vel ipsum ultricies maximus. Donec eu nulla eu lectus suscipit tincidunt.


Block: Pullquote

Align: None

Typography size Default (L) – Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla

John Doe

Typography size S – Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla

John Doe

Typography size M – Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla

John Doe

Typography size L – Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla

John Doe

Typography size XL – Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla

John Doe
Align: Wide

Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla

John Doe
Align: Full

Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla

John Doe
Align: Left / Right

Maecenas nibh quam, feugiat non posuere sit amet, molestie a lorem. Donec sagittis, dui a ullamcorper commodo, est odio sodales eros, vitae tristique augue massa ac dolor. Cras sollicitudin a nibh non molestie.

Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla

John Doe

Etiam convallis at lectus eu congue. In ac metus tellus. Duis finibus leo et pharetra egestas. Fusce ultrices suscipit purus, a pulvinar odio efficitur eu. Proin eget scelerisque odio, eu condimentum nibh. Aliquam ac lobortis ex. Duis nisl erat, mattis nec orci eu, tincidunt fermentum arcu. Donec aliquet fringilla velit ut consequat. Curabitur dolor quam, commodo a convallis mollis, ornare nec lacus.

Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla. Suspendisse finibus efficitur pulvinar. Aenean lorem orci, dictum sed tellus et, sollicitudin venenatis nibh. Praesent ac mollis enim. Pellentesque ex diam, finibus nec magna at, consectetur pharetra quam. Morbi a dapibus quam. Ut quis mi nunc. Duis sit amet ligula eget justo volutpat aliquam. Cras convallis velit sit amet varius pellentesque. Phasellus feugiat porta nulla, eu consectetur magna vulputate sit amet. Nam pretium euismod orci a ullamcorper.

Fusce et tellus erat. Ut in dolor lobortis odio semper pellentesque at dictum diam. Donec vel metus non mauris tempor gravida. Aliquam volutpat ligula orci, a dictum ipsum cursus sed. Phasellus luctus velit eu dignissim consequat.


Block: Table

Align: None
Header label
Table rowMaecenas nibhDonec sagittis
Nullam vehiculaAliquam volutpatProin eu nulla
Lorem ipsumDuis feugiat purusFusce et tellus
Footer labelFooter labelFooter label
Table caption
Align: Wide
Header label
Table rowMaecenas nibhDonec sagittis
Nullam vehiculaAliquam volutpatProin eu nulla
Lorem ipsumDuis feugiat purusFusce et tellus
Footer labelFooter labelFooter label
Table caption
Style: Striped
Header label
Table rowMaecenas nibhDonec sagittis
Nullam vehiculaAliquam volutpatProin eu nulla
Lorem ipsumDuis feugiat purusFusce et tellus
Footer labelFooter labelFooter label
Table caption

Media Blocks

Block: Image

Align: None
Align: Wide
Align: Full

Etiam convallis at lectus eu congue. In ac metus tellus. Duis finibus leo et pharetra egestas. Fusce ultrices suscipit purus, a pulvinar odio efficitur eu. Proin eget scelerisque odio, eu condimentum nibh. Aliquam ac lobortis ex. Duis nisl erat, mattis nec orci eu, tincidunt fermentum arcu. Donec aliquet fringilla velit ut consequat. Curabitur dolor quam, commodo a convallis mollis, ornare nec lacus.

Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla. Suspendisse finibus efficitur pulvinar. Aenean lorem orci, dictum sed tellus et, sollicitudin venenatis nibh. Praesent ac mollis enim. Pellentesque ex diam, finibus nec magna at, consectetur pharetra quam. Morbi a dapibus quam. Ut quis mi nunc. Duis sit amet ligula eget justo volutpat aliquam. Cras convallis velit sit amet varius pellentesque. Phasellus feugiat porta nulla, eu consectetur magna vulputate sit amet. Nam pretium euismod orci a ullamcorper.

Align: Left / Right

Etiam convallis at lectus eu congue. In ac metus tellus. Duis finibus leo et pharetra egestas. Fusce ultrices suscipit purus, a pulvinar odio efficitur eu. Proin eget scelerisque odio, eu condimentum nibh. Aliquam ac lobortis ex. Duis nisl erat, mattis nec orci eu, tincidunt fermentum arcu. Donec aliquet fringilla velit ut consequat. Curabitur dolor quam, commodo a convallis mollis, ornare nec lacus.

Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla. Suspendisse finibus efficitur pulvinar. Aenean lorem orci, dictum sed tellus et, sollicitudin venenatis nibh. Praesent ac mollis enim. Pellentesque ex diam, finibus nec magna at, consectetur pharetra quam. Morbi a dapibus quam. Ut quis mi nunc. Duis sit amet ligula eget justo volutpat aliquam. Cras convallis velit sit amet varius pellentesque. Phasellus feugiat porta nulla, eu consectetur magna vulputate sit amet. Nam pretium euismod orci a ullamcorper.


Block: Gallery

Align: None
Align: Wide

Design Blocks

Block: Buttons


Block: Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non nisi luctus, vestibulum magna ac, scelerisque odio.

Proin eu nulla suscipit, auctor ipsum vel, pulvinar nulla. Suspendisse finibus efficitur pulvinar. 

Nullam laoreet ligula sit amet nunc iaculis varius. Maecenas nibh quam, feugiat non posuere sit amet, molestie a lorem. 


Block: Separator





Block: Spacer


Embed Blocks

Block: Form

You must build the form in the Gravity Forms builder first. You can then use this block to embed the form in a page.

Prayer Request

"*" indicates required fields

Name
Which campus do you attend?*

Block: YouTube

You provide the block a url to the video on YouTube. This block supports alignment. You can also add a caption.

Video caption

Custom Blocks

Block: Section

The custom Section Block is the foundation / container for block. You can insert multiple related blocks side the section block.

You can set a background color, background image, enable a fade effect, and adjust the vertical padding/spacing.

The Fade Effect option will make the background of the section fade to white vertically.

If you set a background image you will also be able to enable the Background Image Blend option. This will make the background image blend into the background color that is set on the Section Block.

This block supports alignment options. By default the Section Block will be full width.

You should not put Hero and Quotes Blocks inside of Section Blocks.

It is recommended to put all of the other custom blocks (except the Hero and Quotes Blocks) inside of a Section Block.

Align: None
Align: Wide

Align: Full

The following are several examples of inserting other blocks inside of the Section Block.

Background Image

Heading Block: Lorem ipsum dolor

Paragraph Block: Mauris non arcu facilisis, blandit dui interdum, feugiat diam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a blandit elit. Nullam eget nisl pharetra, tristique turpis consectetur, aliquet lorem.

Background Image Blend

Heading Block: Lorem ipsum dolor

Paragraph Block: Mauris non arcu facilisis, blandit dui interdum, feugiat diam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a blandit elit. Nullam eget nisl pharetra, tristique turpis consectetur, aliquet lorem.

Heading Block: Lorem ipsum dolor

Paragraph Block: Mauris non arcu facilisis, blandit dui interdum, feugiat diam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a blandit elit. Nullam eget nisl pharetra, tristique turpis consectetur, aliquet lorem.

Block: Post List

This block allows you to display links to various types of posts. You can choose to display Posts (Articles), Messages, Stories, Podcast Episodes, or Events. By default it will display the newest posts added to the website except for Events. If you choose Events it will display the next Events coming up on the calendar.

You can choose from several different style options for the way the posts are listed. You can also choose from several options for the style of the posts themselves.

Be default it will add a Title and Link to view all of that post type. You can override the defaults with custom content and a custom “View All” link.

Style: Row
Style: Scroll
Layout: Default
Style: Scroll
Layout: Side by Side
Post Style: Image Overlay
Post Style: Condensed
Post Style: No Image

Block: Category List

This block allows you to display links to category pages for a variety of post types. You can choose from several different styles to display the links in different ways.

By default this block will display all of the categories. But you can manually select categories to only display a limited amount.

Available category/taxonomies include:

  • Categoies – Posts (aka Articles)
  • Series – Messages (aka Videos)
  • Topics – Posts, Messages, Podcast Episodes, Stories
Style: Cards
Style: Scroll Cards
Style: List
Display Short Description

Block: Accordion & Accordion Item

The custom Accordion Block allows you to add a group of expandable/collapsable content items. This block works great for Frequently Asked Questions. All of the accordions will be collapsed by default. When a user expands an accordion it will automatically close any open accordion items in that accordion block

You can add an optional headline and content before the accordion items. You can choose a background color for the accordion items.

You must add the Accordion Block first. You then add Accordion Items inside of the Accordion Block. Each Accordion Item has a title that will be displayed when the Accordion Item is collapsed. Inside of the Accordion Item you can add text, images, forms and more!

Optional Headline

Optional content. Quisque quis nibh fringilla nisi rutrum molestie eu non dui. Mauris convallis sapien tortor, nec vehicula lacus tempus eget. Suspendisse non pretium sapien.

Quisque quis nibh fringilla nisi rutrum molestie eu non dui. Mauris convallis sapien tortor, nec vehicula lacus tempus eget. Suspendisse non pretium sapien. Aenean ante tortor, pellentesque id fringilla id, tincidunt ut metus. Nam consequat augue a eros gravida semper et at justo. Aliquam eleifend mollis ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.

Prayer Request

"*" indicates required fields

Name
Which campus do you attend?*

Block: Hero

By default a page will automatically show a simple hero block with the page title over a black background before the content of the page. If a featured image is set then it will use that for the background of the simple hero block. This custom Hero Block is a way to have more control over the default simple hero. I page has a custom Hero Block as the first block on the page it will hide the simple hero and this will become the first block on the page.

You can add multiple hero “Items” to one Hero Block. That will turn the block into a carousel.


Block: Quotes

The custom Quotes Block allows you to create a carousel of quotes. Each quote can have it’s own background color. The font size will automatically size based on the length of the quote.

Block: Tabs

The custom Topic Tabs block…

Example Block Title

Block: Locations

The custom Locations Block displays a carousel of all of the Campuses that have been added to the website. For each campus it will show the title, service times, address and featured image. There are no fields/options for this block.

Locations

Block: Color Block

The custom Color Block allows you to wrap other simple blocks with a background color. You can add multiple Color Blocks inside a Columns block.

This is content inside of a color block.

Step One

Discover the Church

Learn more about the PCC story, why we exist, what God has called us to do, and how to become a member.

Step Two

Discover your Design

God created every person with a unique makeup of Spiritual Gifts, Heart, Abilities, Personality, and Experiences. Explore what that means for your life.

Step Three

Discover your Purpose

Find out what it means to be a part of the PCC Dream Team. Learn how you can use your design to make a difference.

Aliquam Erat Volutpat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dapibus accumsan tellus quis interdum. Vivamus lectus sem, consequat malesuada volutpat a, feugiat at nisi. 

Read the Bible

Do Good

Bible
Studies

Dream Team

Small Groups

Pray

Block: Bios

The custom Bios Block always you to display information about People that have been added to the system. You can select Full and Condensed bios to display. You must have the People added to the website first before they can be selected. Full will be displayed first. Full show the name, title, phone numer, email and bio. Condensed don’t include the bio and are displayed smaller.

Optional Headline

Amanda Flint

Farmville Worship Coordinator | Office Administrator

Anna Holland

Small Groups Pastor | Powhatan Campus Guest Services Coordinator

Benjamin Dillenback

Technical Director

Britten White

Aylett,

Bios Block

Block: Flexible

The custom Flexible Block allows you to easily add a content area that can be used in a variety of ways.

Order: Image First
Pretitle

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus a odio quis ultricies. Proin risus magna, luctus sit amet mauris eget, pretium ultricies urna. Mauris sit amet pulvinar risus. Nunc magna dolor, venenatis eu mauris ac, pharetra vehicula erat.

Order: Content First
Pretitle

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus a odio quis ultricies. Proin risus magna, luctus sit amet mauris eget, pretium ultricies urna. Mauris sit amet pulvinar risus. Nunc magna dolor, venenatis eu mauris ac, pharetra vehicula erat.

Order: Stacked
Pretitle

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus a odio quis ultricies. Proin risus magna, luctus sit amet mauris eget, pretium ultricies urna. Mauris sit amet pulvinar risus. Nunc magna dolor, venenatis eu mauris ac, pharetra vehicula erat.

Block: Custom Cards

The Custom Cards Block…