Headway Tips

Headway Tips on a blog that doesn’t use Headway?

I know…weird.  The truth is I will be updating my blog to Headway eventually – just haven’t had the time to do it yet.  I haven’t had the time becuase I have been setting up other Headway themed WordPress blogs for clients.

I love the Headway theme and the ease of use its visual editor supplies.  I have come across some problems with it though – but usually these are very easily fixed.  here are a couple tips that I have used to address certain issues in Headway.

WordPress Login Redirect Loop

This issue sometimes happens in conjunction with a WordPress upgrade.  I have only seen this issue using Headway 1.5.6 (not the recently released 1.6.1).

Anyways, on a couple blogs I have had this issue.  I upgraded WordPress and everything looked good…UNTIL I tried to login to the WordPress dashboard.  Firefox gave me an error that roughly said “WordPress is trying to contact a page that will never complete…” and in Safari I got a big line of redirect errors.

This can be caused by a couple problems, but if you have Headway there is a good chance that is causing the problem.  The fix is simple:

  1. Using FTP navigate to your sites wp-content -> themes folder
  2. Rename the headway folder by adding a TEMP to the start of the folder.  (headway-16 would become TEMPheadway-16)
  3. Try to log in to your wordpress site again – you will get a prompt to Upgrade Your Database – Do it.
  4. Once your Database has succesfully been updated, using FTP navigate back to your Headway theme folder and remove the TEMP from the folder name.
  5. Refresh your site and everything should be as is.

If this doesn’t fix the problem then your issue is non-Headway related.  It is most likely a plugin.

Header Image Is Taking A Long Time To Load

Some people report that their header image takes a long time to load.  One example would be on a website I built.  The rest of the page would load, but the header would be a small text link for a couple seconds before expanding to fill it’s place.

This is an issue you can correct in the Visual Editor.

  1. Open Visual Editor
  2. Click On Site Configuration
  3. Click on Header Image
  4. Make SURE that “Enable Header Image Resizing” is NOT clicked.

Turning off Header Image Resizing should fix this issue.

I Want A Fluid Repeating Header Background

When we do a premium header for our clients – quite often that header includes a top to bottom or bottom to top gradient.  This just adds a bit of uniqueness to the header, and helps it stand out more than a traditional solid color.  The way this is handled is you take a sliver of the gradient (say like 7px wide, height equal to your header) and you repeat it on the X axis so it covers the whole header area (a fluid header expands and contracts to the size of the screen viewing it).

To add a gradient to your fluid header:

  1. Create the sliver of gradient (this will usually be included if you have used a paid service for your header)
  2. Upload that image (jpg or png…gif is not good for a gradient btw) to the Headway theme folder.
  3. Add this code to your Custom.Css (use the WordPress editor or the live CSS tool on headway Visual Editor):
    body.custom div#header-container { background-image: url(header_bg.png); background-repeat: repeat-x; color: #333333; }
  4. Replace the bolded part above with the name of your gradient image.

Once that is done your fluid header should now have your gradient background.  if it isn’t appearing make sure you uploaded your graident image diretly into the Headway folder (no one of its sub folders)

Visual Editor Won’t Load

This can be tricky and there are a couple different causes.  Sometime the cause will be due to your webhost unfortunately.  By far though the most common problem is permissions!

Make sure your Headway Folder is set to 755 (set it recursively and apply to all sub folders).  In my experience 777 is not OK.  I figured it would be since it is even more lenient than 755 but it wouldn’t work with ANY files set to 777.

Setting permissions is usually as easy as navigating to headway Folder via FTP and then right clicking on the folder.  That will bring up a menu that will have permissions in it somewhere.

Featured Content Gallery Isn’t Working

I have had some clients want the FCG plugin – some are very adamant about it.  I explain to them that Headway has it’s own Featured post system, but they still want FCG.

Problem is, it wasn’t showing up for me and it was causing the content leafs on the same page to act weird.  Here is the fix (assuming FCG plugin is already installed):

  1. Create a HTML/PHP leaf to house the FCG and place it where you want the FCG to appear.
  2. Instead of using the code that FCG tells you to use to call it – use this code:
    <?php global $post; include(WP_CONTENT_DIR . ‘/plugins/featured-content-gallery/gallery.php’); ?>
  3. You also have to change the Gallery.php fil that is found IN the FCG plugin folder (use FTP).  Make sure it is the gallery.php in the FCG plugin folder, not another gallery.php.  Replace all the code on the gallery.php file with this code:

    <div id=”featured”>
    <script type=”text/javascript”>
    function startGallery() {
    var myGallery = new gallery($(‘myGallery’), {
    timed: true
    });
    }
    window.addEvent(‘domready’,startGallery);
    </script>

    <style type=”text/css”>

    .jdGallery .slideInfoZone
    {
    height: <?php echo get_option(‘gallery-info’); ?>px;
    }
    </style>

    <div id=”myGallery”>
    <?php
    $imgthumb = get_option(‘gallery-use-thumb-image’) ? “thumbnailimg” : “articleimg”;
    $wordquantity = get_option(‘gallery-rss-word-quantity’) ?  get_option(‘gallery-rss-word-quantity’) : 100;
    if (get_option(‘gallery-way’) == ‘new’)   {//new way
    $arr = split(“,”,get_option(‘gallery-items-pages’));
    if (get_option(‘gallery-randomize-pages’))
    {
    shuffle($arr);
    }
    foreach ($arr as $post_or_page_id)
    {
    get_a_post($post_or_page_id); ?>
    <div>
    <h2><?php the_title() ?></h2>
    <?php
    if(get_option(‘gallery-use-featured-content’)) {?>
    <p><?php $key=”featuredtext”; echo get_post_meta($post->ID, $key, true); ?></p>
    <?php
    } else {
    ?>
    <p><?php the_content_rss(”, 0, ”, $wordquantity); ?></p>
    <?php
    }
    ?>
    <a href=”<?php the_permalink() ?>” title=”Read More”></a>
    <img src=”<?php $key=”articleimg”; echo get_post_meta($post->ID, $key, true); ?>” alt=”<?php $key=”alttext”; echo get_post_meta($post->ID, $key, true); ?>” />
    <img src=”<?php $key=$imgthumb; echo get_post_meta($post->ID, $key, true); ?>” alt=”<?php $key=”alttext”; echo get_post_meta($post->ID, $key, true); ?>” />
    </div>
    <?php
    } ?>
    </div>
    <?php
    }
    else { ?>
    <?php $my_query = new WP_Query(‘category_name=’ . get_option(‘gallery-category’) . ‘&showposts=’ . get_option(‘gallery-items’));   ?>
    <?php while ($my_query->have_posts())
    {
    $my_query->the_post();  ?>
    <div>
    <h2><?php the_title() ?></h2>
    <?php
    if(get_option(‘gallery-use-featured-content’)) {?>
    <p><?php $key=”featuredtext”; echo get_post_meta($post->ID, $key, true); ?></p>
    <?php
    } else {
    ?>
    <p><?php the_content_rss(”, 0, ”, $wordquantity); ?></p>
    <?php
    }
    ?>
    <a href=”<?php the_permalink() ?>” title=”Read More”></a>
    <img src=”<?php $key=”articleimg”; echo get_post_meta($post->ID, $key, true); ?>” alt=”<?php $key=”alttext”; echo get_post_meta($post->ID, $key, true); ?>” />
    <img src=”<?php $key=$imgthumb; echo get_post_meta($post->ID, $key, true); ?>” alt=”<?php $key=”alttext”; echo get_post_meta($post->ID, $key, true); ?>” />
    </div>
    <?php } ?>
    </div>
    <?php
    }?>

    </div>

  4. Once that is done you are ready to roll.  You MUST set your FCG to pull posts by ID though not category.  Yeah it is a pain in the butt, but for now that is how it will work.  Also remember you need at least 2 posts before your FCG will work.

If you want more tips but for WordPress in general, Please Check Out:

WordPress For Business

If you are interested in the Headway Theme, Check It Out Here:

Headway Theme

NOTE: I am looking for a WordPress plugin that will highlight and display CODE…the thing is I do not want to have to turn off my Visual Editor in WP…anyone have any suggestions?



  • Thanks for the tips! I've been using Headway to build sites for a few months, but I'm just now figuring out how to mess around with CSS to really take things to another level. Adding a repeating image to my header is one more trick to add to my collection.

  • Glad to help. headway is only getting better too. Not sure if you have a developers license or not but if you do you can test out the beta for Headway 1.7 and it is great. It actually got me to completely redesign this site on my test server...can't wait until it goes live@

  • Funny, because I noticed right away you were writing about Headway while using Geneis, but read further for the explanation...I'm looking to switch over from Agent Press and didn't like the FCG, so I added the Slideshow plugin that works MUCH better.

  • Good tip on the Slideshow plugin - I will look into that.

    And this Studiopress theme actually predates genesis it is so old...I will switch over when some hosting issues are dealt with :)

  • Hi,
    as you experienced 1 year ago, I have to rebuild my old html-Sites. They should again be as static as possible - concerning appearance and maintaining the Urls. Do you think headway could be the right thing for me?
    What do you think about the code quality of Headway, a webdesigner who doesn't know Headway told me, a lot of drag and drop doesn't point to a slim and well-structured code which Google should like.

blog comments powered by Disqus