From the BlogSubscribe Now

Runway – Genesis child theme for WordPress by Heather Jones of Viva la Violette

Runway Genesis child theme for WordPress by Heather Jones of Viva la Violette

It’s easy to take a WordPress theme and strip it down to its bare essentials… but it’s not easy to make it look good.
In fact the more you strip a theme down the more the remaining elements have to work together perfectly.

A great example of how it should be done is Runway the latest Genesis child theme by Heather Jones of Viva la Violette.
A simple title and menu float in an ocean of whitespace and force the reader to focus on the most important part of the page… the content.

If you want to check out the simplicity, elegance and perfect proportions of this theme then head over to Studiopress and see Runway in action.

Runway was created to showcase your content in a clean, minimal, and fashionable space. Inspired by Pinterest and fashion bloggers, this theme is infinitely versatile and can be used by many.


Bring the power of Pinterest to your graphics rich site with the Runway theme

The minimalist design of Runway makes it perfect for displaying images. Your images could be related to fashion, photography, interior design, arts and crafts in fact anything which requires a strong visual input to get your message across.

You’re probably way ahead of me but whenever I think images I think… Pinterest.
And it looks as though Heather had the same thought because for each of this theme’s eight colour options, she’s provided a matching pin-it on hover button.

The pin-it on hover button works with the Pinterest Image Pinner plugin by Collective Bias. The plugin makes it super easy for your readers to pin your content.
Full instructions for setting up the plugin are provided with the theme.

Over 50 percent of online consumers have purchased based on Pinterest recommendations. That’s pretty powerful stuff. What’s more using Pinterest is a fun and effective way to help you establish credibility, so why not add it to your marketing mix?
Sarah ArrowBlogging with a dash of Social Media

But the Pinterest connection doesn’t stop there.
The demo site shows pins in the sidebar, which is achieved using the Pinterest RSS Widget plugin.
You can configure the plugin to show pins from a selection of your boards or all of your boards and you can adjust the size of the pins.
Full instructions for setting up the plugin and excluding certain images are provided with the theme.

Runway provides you with the perfect canvas to display your images and allows you to take full advantage of the power of social media with Pinterest integration – a formidable combination.


Setup and Support for the Runway theme

Detailed instructions and screenshots are provided with the Runway theme and the following information is taken from those instructions:

Genesis settings
Once you’ve installed Runway, from your WordPress dashboard go to Genesis->Theme settings, and configure the settings.
A screenshot of the settings used on the demo site is provided with the theme.

Display six teaser posts on the homepage
To display 6 teaser posts as shown on the demo homepage, from your WordPress dashboard go to
Settings->Reading and change the number to 6 in the ‘Blog pages show at most’ box.

Plugins used on the demo site
The following plugins are used on the demo site:

Simple Social Icons
Pinterest Image Pinner
Genesis Responsive Slider
Pinterest RSS Widget
Regenerate Thumbnails

Detailed tutorials and instructions for configuring these plugins are provided with the theme.

Setting up the sticky menu
This theme uses the secondary menu as a sticky menu.
If you would like certain links to float right, you’ll need to enter “sticky-right” into the CSS selector box for each link.
Please note: this option will make your menu items appear in reverse order, so you will need to arrange them accordingly. The sticky menu will not display on mobile devices.

To create a custom link for your homepage in this menu, use this selector in the CSS Classes box – .home-link

And just in case you need additional help
Runway comes with great documentation, but if you do need additional help, you can email


Runway may be a minimal theme – but not when it comes to features

Even a calm serene theme like Runway needs a few features that make it easy for you to do a little customisation and make the theme your own.
Don’t worry this may be a lightweight theme but it comes with heavyweight features.

Theme Features include:

  1. Mobile responsive – adapts to your visitors screen size and gives them the optimum viewing experience. A must-have feature to future-proof your website.
  2. Eight colour styles – enough colour options to allow you to find the one that best matches your corporate colours. Choose from cobalt, plum, emerald, pink, crimson, aqua, gold and default.
  3. Matching pin-it on hover button – all colour options have a matching pin-it on hover button so you stay fully coordinated.
  4. Sticky menu – as soon as you start scrolling a sticky menu appears at the top of the page and lets your readers know exactly where they are.
  5. Two layout options – choose between content-sidebar or sidebar-content for pages and posts.
  6. Three page templates – blog, archive and column classes page templates.
  7. Custom menus – supports WordPress custom menus.
  8. Featured images – supports WordPress featured images.
  9. Theme options – allows you to control many of your theme options from within the WordPress admin area.

Runway offers eight color options for you to choose from, a matching pin-it on hover button, and a sticky menu along the top so your readers never get lost again.
Heather JonesViva la Violette


Head over to Studiopress and pick up your copy of the Runway theme

If your website is image rich and you’d like to show those images to their best advantage then Runway would be a good choice of theme.
If you’d like to go further and integrate Pinterest and make it easy for readers to share and pin your images then Runway would be a great choice of theme.

To find out details of pricing etc. head over to Studiopress, put the Runway theme through its paces and see its features in action.
And don’t forget… for Pinterest integration, this may well be the perfect theme!

“The Runway theme provided all of the key elements I was looking for in a site design, as well as providing a clean and attractive look and feel. It was the perfect solution for my brand! ”
Anna LiesemeyeIn Honour of Design


WM Web Design is powered by the Genesis Framework

Genesis Framework Genesis empowers you to easily build amazing Mobile Responsive websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to incredible places. It's that simple - start using Genesis now!

Give yourself an HTML5 ready mobile responsive website for 2013.


  1. Thanks for the mention Keith 🙂
    I like the simple elegance of the theme – it’s obviously got fashion and social media savvy bloggers in mind 🙂
    Oh to have a project to try it out on!
    Sarah Arrow recently posted..Winning by Pinning: Food and Drink Case Studies on #PinterestMy Profile

  2. Wow, I feel special- thanks for the wonderful article, Keith!!! I’m glad you appreciate the Pinterest integration too! 🙂 The Glitter theme incorporated Instagram, so I wanted this one to really showcase Pinterest. I’ve seen a few customizations so far and they look realllly good!

    Thanks again!
    Heather Jones recently posted..DIY- Mother’s Day Neon Flower PotsMy Profile