What about CSS Classes?

You bet. Any good development theme will include lots of quality classes, and Layout Studio is no exception. This includes, but not limited to:

Body Element Classes/ID

  • Language (ID): "lang-en"
  • Random: this only appears if you set the random field in the theme configuration page to a number higher than 1.
  • Unique Node or View (ie "node-1")
  • Node type
  • Front/Not-Front
  • Current Menu-item
  • Logged-out/Logged-in
  • Section: first part of the path aiias (ie "/about" creates a "section-about" class)
  • Sub-Section: second part of the path alias (ie "/about/mission" creates a "sub-section-mission" class)
  • Indicator for empty secondary, tertiary, preface and postscript regions ("no-secondary" and "no-tertiary")

Node Template Classes/ID

  • Node ID (ID)
  • Node Author
  • Node Authored by current user ("user-me" class)
  • Teaser or Full Node
  • Odd/Even
  • Node Count
  • Node Type

Block Template Classes/ID

  • Block ID (ID)
  • Random: this only appears if you set the random field in the theme configuration page to a number higher than 1.
  • Type: for typographic presets
  • Block: common to all blocks
  • Block Module: indicates which module generated the block
  • Odd/Even (within region)
  • Block Count (within region)

We also have many classes for comments.

Demo Site

Try out some of the configuration settings and some of the typographical defaults of Layout Studio by visiting our demo site. Username and password are "demo". Enjoy!