Wizard Manual

What's What?  
Choose Layout

Here you can browse through over 25 different layouts each that can be liquid or fixed width. Clicking on a certain layout number will show the preview image immediately below so you can know if it's what you're looking for before you apply it to your site. New layouts are constantly being added.

Photoshop File

Each layout comes with the option to download a photoshop file for your convenience. This file contains a visual idea of the layers involved as well as the default sizes of any containers with fixed width or height. You can begin your custom design with this template if you so desire.

Preview

This visual representation contains all the possible divisions one can install with KarmaCMS that can affect the layout: photo, header, main links, teaser group 1, teaser group 2, main content, and footer.

It is good to keep in mind that a user might choose to not upload a photo in which case the header would extend all the way across. If teaser group 2 isn't activated the footer will come immediately under the main content or teaser group 1, whichever is longer.

Launch The Karma Wizard
General

The Main Links are the principal navigation in your website to other "pages" and arguable the most important part of your site. Depending on your layout they can appear in different places; some are horizontal and under the header, some are vertical and above the teasers, others are at the very top of the page, and some are split into horizontal and vertical groups.

The links can be split into two groups in the KarmaCMS main preferences by inserting the dashed line, "---". When they are split they are controlled by main links group 1 and main links group 2. The dashed line isn't inserted by default so all links are in group 1 unless you change that.

In every situation the main links are a variable height so a height should never be placed on them. Anything under this div should be able to move down naturally as the main links expand. Usually it is the flexible nature of the main links that throws designers not experienced with dynamic design for a loop.

Press Teaser
More Quotes