Documentation › Page Title in a Separate Wrapper from Content

Page Title in a Separate Wrapper from Content

In this tutorial, you will learn how to create something like this and it is super easy to do with Headway and requires no code!

separate-title-part-1

Step one: Create your 2 content blocks

First things first, on the Single layout you will need two wrappers, each with a content block.

separate-title-part-2

You’ll notice that I’ve given each content block a block alias so they are easily identifiable.

Step 2: Edit the first content block to only show the title

In the content block labeled “Single Title”, you need the following settings:

Mode – Default

Display: Default settings except

  • Entry Content Display is set to “Hide Entry Content”
  • Comment Visibility: “Always hide comments”

separate-title-part-3

Meta: Erase what is in “Meta Above Content” & “Meta Below Content”.

Everything else: Leave as default

separate-title-part-4

Step 3: Edit the second content block to only show the entry content

In the block options for the content block labeled “Content”, you’ll need the following settings:

Mode: Default

Display: Uncheck “Show Titles”.

Everything Else:  Leave as default

separate-title-part-5

Step 4: Style your Wrapper with the title differently

Switch to design mode, and select the wrapper with the inspector that contains the “Single Title” named Content block.

First, we will give our wrapper a background color.

separate-title-part-6

Next, we set the Entry title to white in that wrapper and increase the font size.

separate-title-part-7And that is it!  I’d love to see what you create with this tutorial!

Copyright © 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress