A quick look at the ThemeBuilder power theming feature

Linea's picture

Submitted by Linea on June 27, 2010 - 10:46am

I'm not a CSS expert, so I love that I can create beautiful themes for my sites without writing a line of code. Ok, a real designer wouldn't call my themes beautiful, but they look good to me. We designed the ThemeBuilder both for people who aren't fluent in CSS and for professional designers who need to create sophisticated themes for their sites. When we released the first version of the ThemeBuilder, designers told us that the ThemeBuilder was limiting. As one designer told me, using the ThemeBuilder was like "themeing with mittens". We took this feedback and went back to the drawing board to rebuild our themes and add a lot more power to the ThemeBuilder. The latest release of the ThemeBuilder gives you the option of working in a Power theming mode to take advantage of new feautures.

Here's a quick 2 min video to show you what this feature looks like:

If you don't have time for a video, then here are a couple of screenshots of the ThemeBuilder turned off and on.

With power theming turned off, you'll click on an area of your page and the ThemeBuilder will select the regions that are most commonly styled, like the header, navigation, or sidebar regions.


When you you turn on power themeing, the ThemeBuilder gives you access to more specific areas so you can do more fine-grained styling.

To learn more about how the themes work in Drupal Gardens, read these blog posts by Jesse Beach, one of our engineers. Her first is an intro to ThemeBuilder theming, followed by one describing stacks, wrappers, and columns.