Learn how to separate your titles into a separate wrapper

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!

 

Spread the word!

6 Responses

  1. I just did this very thing on a home page I’m working on, but it did it using 2 wrappers each containing a text block–one with the title and the other with the content. Is there an advantage to doing it the way you’re showing here over what I did?

    • Marcia,

      Yes, you should use the content block whenever possible. So if you wanted this style throughout your site, your content should not be in text blocks. It should be in WordPress and not in Headway.

  2. This kind of design possibility with wrappers and content selection is one of the absolutely great things about Headway. I use it all the time in many different ways. Thanks, Jamie, Headway ROCKS.

Leave a reply

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