Category Archives: News and updates

News and Updates – includes news from the Headway peeps, and other Headway enthusiasts

Adding Google Fonts into the Headway Visual Design Editor

This is a follow on from the previous post – where we now add Google Fonts into the Headway Visual Design Editor – making them accessible from the styling menus:

Again, Headway makes this so easy – we simply load the Google Font by pasting a single line of code, and then add 1 line of [...]

Read the full article »

Using The New Google Fonts in HeadwayThemes

Here’s a quick video on how to use the new Google Fonts in your HeadwayThemes site.

Here are the links mentioned in the video:

Google Fonts Quick Start Guide
The Google Fonts with embed links
CSS Font Shorthand Property Cheat Sheet by Impressivewebs (pdf file)
HeadwayThemes – if you haven’t got it!

Now look at how to add the Google Fonts [...]

Read the full article »

Fixed and Fluid Layouts Explained

When starting to work with Headway, it can be a little confusing to understand how the wrapper div works when we change between fixed and fluid settings for the header and footer.
Once you see the images, it drops into place.
Here’s a short video which shows you the changes in action:

And here’s the screen captures of [...]

Read the full article »

Testing Websites in Multiple Browsers

When developing a website, at some point we need to check what it looks like in different browser versions.
Common browsers and versions include IE 6 (boo), 7 and 8. Firefox 2, 3, 3.5. Safari 3 and 4. Google Chrome, and Opera 9 and 10.
This video shows you how to do that quickly and easily, using [...]

Read the full article »

Creating Mixed Sidebar Backgrounds

I was working on a site this weekend, where the client wanted some pages to have one sidebar, and some pages to have two sidebars – but both pages needed a sidebar shaded background color.
Adding a nice background color to your sidebar areas makes it easy for users to make sense of the areas on [...]

Read the full article »

HeadwayThemes CSS Deconstructed

With Headway, there are two main areas which are concerned with the design and layout:

The positioning of elements – which we call leafs.
The styling of those elements.

Both the positioning and styling can be achieved either with the visual editor, or with manual entries in the custom.css.
To help clarify how the positioning and styling works, we’ll [...]

Read the full article »