# Block layout

The OpenChurch platform uses the Drupal core "Block layout" page by default to arrange blocks and build landing pages.&#x20;

This guide will explain each region used by the theme.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2Fubf3DIwHOkg75b4VIzn1%2FScreen%20Shot%202023-01-12%20at%203.47.24%20PM.png?alt=media&#x26;token=7967eac0-a8f7-44d8-83f9-aae82e595871" alt=""><figcaption><p>Drupal block layout page</p></figcaption></figure>

### Primary menu region

The primary menu region renders the main navigation menu which also includes the logo. Most sites will not need to modify this area.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FAjvGGJehLl8xpqB98vet%2FScreen%20Shot%202023-01-12%20at%203.50.48%20PM.png?alt=media&#x26;token=00fbd516-005b-4d72-86f1-2a774466f4d6" alt=""><figcaption><p>Primary menu screenshot</p></figcaption></figure>

### Hero (full width) region

The "Hero region" is primarily used for "Hero" and "Carousel" blocks.&#x20;

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FHW5XR7LMvw7B2vMrJKnL%2FScreen%20Shot%202023-01-12%20at%203.52.17%20PM.png?alt=media&#x26;token=bed28ebb-d6ca-4278-a899-1b1d3a930420" alt=""><figcaption><p>Hero screenshot</p></figcaption></figure>

The main navigation will overlap the hero or carousel for a nice visual effect.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FQd6cD53Q2Gl7Zt3YVr63%2FScreen%20Shot%202023-01-12%20at%203.56.42%20PM.png?alt=media&#x26;token=2f5b6e69-6948-4a2e-9e4b-8208f0ee7f6e" alt=""><figcaption><p>Menu overlap example</p></figcaption></figure>

For pages that do not have a block that appears in the region, the header will have a matte background (example below).

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FAGjK3kcGixwE7ogA6hcO%2FScreen%20Shot%202023-01-12%20at%203.59.24%20PM.png?alt=media&#x26;token=0085904b-0a52-41f9-bc09-0e4235bccce1" alt=""><figcaption><p>Header with matte background</p></figcaption></figure>

### Highlighted region

The highlighted region has mostly core blocks that you will likely not need to change.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FPncjNa3RFwBzu7SczF3F%2FScreen%20Shot%202023-01-12%20at%204.15.44%20PM.png?alt=media&#x26;token=19dc3d1d-7981-4813-811d-db945378d5d3" alt=""><figcaption><p>Highlighted screenshot</p></figcaption></figure>

### Breadcrumb region

OpenChurch does theme the breadcrumb block if placed within the Breadcrumb region. Most sites do not need a breadcrumb block.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2Fz4ZmtVRif7BZbVHRcuSK%2FScreen%20Shot%202023-01-12%20at%204.18.36%20PM.png?alt=media&#x26;token=4cd79735-1aec-49a6-b5e1-a616ddbaf529" alt=""><figcaption><p>Breadcrumb screenshot</p></figcaption></figure>

### Content Above region

The content above region will render blocks the full width of the page (ie no sidebar) above the main content area.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FLRVshECVBN1JUaSEE8q1%2FScreen%20Shot%202023-01-12%20at%204.19.54%20PM.png?alt=media&#x26;token=42b61485-f125-4a55-8289-b54e19a1d79d" alt=""><figcaption><p>Content above screenshot</p></figcaption></figure>

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FOcUvRIxPhDnfvfKTNiib%2FScreen%20Shot%202023-01-12%20at%204.25.34%20PM.png?alt=media&#x26;token=5b416a52-fac2-4477-aaca-8cbd06e272e4" alt=""><figcaption><p>Example full-width block in "Content above" region</p></figcaption></figure>

### Content region

The content region is not full width and leaves space for a sidebar. The "body" content of most content types will render inside this region.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2F9swPx85S9MOBjBLe75OF%2FScreen%20Shot%202023-01-12%20at%204.21.33%20PM.png?alt=media&#x26;token=0d38799a-9106-42cb-809b-04a5d8ba0831" alt=""><figcaption><p>Content screenshot</p></figcaption></figure>

### Sidebar

The sidebar region typically is used for 'basic' content blocks and Views blocks.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FuFJnm3RLGjGj7ACrKnjJ%2FScreen%20Shot%202023-01-12%20at%204.23.34%20PM.png?alt=media&#x26;token=7d7910ae-be6d-4fb2-afea-098533e445e6" alt=""><figcaption><p>Sidebar screenshot</p></figcaption></figure>

### Content Below

Similar to "Conttent Above," this region makes blocks place full-width and underneath the main content area.

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2Fkkpt6U6EBAOdvhLu9407%2FScreen%20Shot%202023-01-12%20at%204.27.42%20PM.png?alt=media&#x26;token=d21b065d-cbcc-4e85-8f61-523440d54339" alt=""><figcaption><p>Content below screenshot</p></figcaption></figure>

### Footer

The footer region by default renders a custom configurable Footer block provided by OpenChurch.&#x20;

<figure><img src="https://4273077405-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUo0V0s9hX9ilJ8VLqR1y%2Fuploads%2FQbOViqFXOm7o4CqhdF36%2FScreen%20Shot%202023-01-12%20at%204.29.48%20PM.png?alt=media&#x26;token=33a1a46c-72eb-4f31-87ae-e623eba3c5ec" alt=""><figcaption><p>Footer screenshot</p></figcaption></figure>
