Drupal themes

Upgrading 7.x-1.x sub-themes to 7.x-2.x

For the most part your 7.x-1.x sub-themes will just run on 7.x-2.x, unless it includes Google fonts such as some of the existing commercial themes do. These you should wait for the official 2.x release of those themes before upgrading else you will get a site error when you try to change the theme settings.

Follow these basic steps to properly upgrade from 7.x-1.x to 7.x-2.x. The bare minimum involves just two steps. You will need to judge if you need to do more, but this will get your theme up and running with the new layout engine and responsive layouts.

Footheme - Starter Coloarble Sub-theme for Corolla, Sky and Pixture Reloaded

Due to the complexity of sub-theming one of our colorable themes from Drupal.org (or our commercial themes, for which this will work also), we built Footheme, our quickstart starter sub-theme for Corolla, Sky or Pixture Reloaded - it fully supports the color module and the extensive theme settings featured in those themes, including the

Sub-theme Setup

Good on you for choosing the 7.x-2.x version with baked in support for mobile devices!

Setting up your 7.x-2.x subtheme is strait forward and should only take you a few minutes. I assume you have download the theme from Drupal .org: http://drupal.org/project/adaptivetheme

Unpack the archive to your hard drive and look inside the main folder, the structure will look like this:

Adaptivetheme Responsive Layouts - Quickfire Video Intro

Adaptivetheme 7.x-2.x includes a new layout engine that drives both responsive and adaptive layouts using media queries. We've made it super easy to configure layouts for standard desktops and laptops, and tablet and smartphone size screens. This video features Pixture Reloaded, an Adaptivetheme subtheme available for free download on Drupal.org and shows off the layout settings and a brief run down on how it all works.

Responsive & Adaptive Layouts in Adaptivetheme 7.x-2.x - the new cool

In short I have re-written the way layouts work in Adaptivetheme to support mobile, tablet and standard screens.

Adaptivetheme 7.x-2.x uses media queries combined with a more flexible approach to setting values for the sidebars, page width, max width (for responsive layouts), and you can customize the media query - all in the theme settings.

Pages