Please see the new documentation for Kalatheme 3.0 on Github:
https://github.com/drupalprojects/kalatheme/wiki/Styles-Plugin
Documentation below may be out of date for Kalatheme 3.0 install. Proceed at your own risk.

Continuing the award winning pictorial series begun with Responsive Toggling this will mostly be an imaged based tutorial.

  1. Create some custom styles. These can be as simple or complex as you want them to be. I've created a somewhat complex one here in the example below.

    2. code science

  2. Present Kalatheme with your code tribute in the theme settings. Remember to input them as Class name|Human readable name and then save the config. If you have CSS caching turned on you will probably want to clear your cache at this point

    3. style input

  3. Then find a page you want to customize...

    4. step 1

  4. And a pane you want to add the class to...

    5. step 2

  5. AND THEN

    6. step 3

  6. For while the true CLASS will bring you JOY, the false CLASS will take it from you.

    7. customize

  7. Make sure to save your new pane

    8. sace

  8. WHAT'S GOOD FOR THE GOOSE IS GOOD FOR THE GANDER!

    9. qplayg