Headway Theme Tutorials

When you are using Headway Theme editor to create your blog or website, you will realize the default next and previous link at the end of your post is displayed as the title of each post. This might spoil your neat layout when you have long post title as seen below.

Headway Themes has released an upgrade version from version 3.2.5 to 3.3 early of October 2012. There are a lot of improvements made and bugs fixed. One of the most problematic areas - Visual Editor has made great improvement on its speed and performance. In the previous version, there was hardly or limited option to style the sub-menu, form and images in the entry content but now you have the ability to style them separately. In other words, you will have more fanciful looking sub-menu, form and images.

Normally when you have two “Home” buttons appearing at your navigation bar, it means you have created more than one navigation bar in your Headway Themes visual editor. Each navigation bar has its own “Home” button and to remove the extra “Home” button, you can go to visual editor to do it.

In headway 3, the vertical menu bar at the sidebar no longer list down all its sub-menu items like in Headway 2. But now it has a cool fly-out sub-menu when hover over its main menu items. It works great and save a lot of spaces but there is occasion when sub-menu items still need to be listed down individually to allow direct navigation and quick accessibility.

I believe you might have seen some WordPress gallery where the authors dumped all the images or photos in the gallery page without any organization. If the visitors need to find certain image, they might have to go through the entire gallery to do it. It is highly recommended that if you could group your images or photos into several categories in a page for better presentation. You can label them with relevant titles so that it will be neater and easier for your visitors to browse and navigate around. For example, the WordPress gallery might include multiple categories such as products, events and promotion.

If you are looking for an alternate way to hide or remove the category archive title as shown as “Category Archives:Titles” in your archive pages, you got it here! This method is easier without the need to create a child theme and a functions.php file as suggested by the Headway support team.

In Headway version 2 and above, you might need to go through a number of steps before you could achieve a 3-column widgetized footer for your website but in Headway version 3.1.2, it is much simpler now. Basically, you just need to add a widgetzed block and set it horizontally and you got it! See below steps for details.

The other day, I was helping my client to add a News category to the main navigation bar and realized the archive section for the category is displayed as an excerpt. My client was not happy because he was seeing a lump of text unformatted and looked messy when he clicked on the news section. 

It is common that the “404 Error” page is the most overlooked and forgotten by the blog owners because it is the last thing in their minds that such page is ever needed. Many of them will be more concerned about the functionality, look and feel or even busy thinking of content for the blog than anything else. However, the 404 Error page is important because your visitors should be told and properly directed to a place where they could find assistance. This will increase the user friendliness of your blog and salvage your visitors from leaving your blog too soon.

If you feel that the search bar in Headway Themes is a little bit bare and hoping to jazz it up with a magnifying glass or search icon next to search bar, here are the steps to do it. If you are looking for a nice search icon, you can go to FindIcons.com . They have a lot of nice and professional looking icons for free download. They allow you to select different size of the icons which is excellent as you do not need to resize yourself using other software. Once you have selected the search icon, add it to your wordpress media library. Continue from your wordpress dashboard, go to Appearance > Editor > custom.css and add the following customized CSS code to custom.css. body.custom div#my-search { position: absolute; top:20%; left:75%;  } Once added, click the green button “Update File” to save. Alternatively, you can add the above CSS code to the Live CSS in the visual editor if you would like to. This method al