Hi,

I recently left my old buddy Zen to try Adaptive Theme. So far I am very impressed. When I looked at my multi-column layout on an iPhone and saw the columns neatly stacked I was very pleased.

The only think I see missing from Zen that I wish were in AT would be body classes so I could use css to tweak individual nodes.

From the Zen page:

Classes on body include items like "logged-in", "not-logged-in", "front", "not-front", as well as the node type ("node-type-story", "node-type-blog", etc) for single node pages. This can allow CSS developers to do things like have a different color for a given page item for non-logged-in users, have a larger header section on the front page, or put a different background color on a given node type.

Is there any chance this may be added to the core of AT? Or should I look at adding it to my sub-theme. If the latter, is this documented anywhere?

Thank you for a great theme.

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Look in the theme settings for CSS Classes - there are checkbox settings that add extra classes for Pages (also nodes, menus etc), these add a tonne of classes. The actual classes might be a little different from Zen but the theme uses basically the same logic.

The description in the actual theme for those settings are not entirely correct - checking the "Page" classes will add more than what is stated, for example a languge class if you have Local enalbed, section classes and the logged in/not logged in classes.

This is an example I copy pasted from a test site I am working on just now:

html 
not-front 
logged-in 
one-sidebar 
sidebar-first 
page-node // Path class
page-node- 
page-node-7 // The node ID
page-node-edit 
page-type-article // The node type, in this case article
lang-en // Language class, you can style pages different depending on the language
section-node-edit 
admin-menu
mcfilms’s picture

mcfilms commented

Okay, just so you know I am jumping up and down like a schoolgirl screaming "OMG, OMG!"

Well, not really. But this is well above and beyond what I expected. I don't know how I missed the CSS tab. One radio button got me everything I wanted. The Adaptive Theme is really quite an amazing theme framework. You should be proud.

Thank you.

Jeff Burnz’s picture

Jeff Burnz commented
Component: Code » CSS/HTML
Status: Active » Closed (fixed)