Wizard Manual

What's What?  
General

Want something done that isn't a point and click option? Do it here! Anything that can be done with CSS can be done here. Only trouble is you have to know how to write it. CSS tutorials can be found here: http://w3schools.com.

All CSS written in the "General" box below will be added at the bottom of the same style sheet that the Wizard outputs.

IE6 & IE7

To effect IE6 or IE7 specifically, seperate input fields are provided. The style written in these boxes will be fed to the IE6 or IE7 via conditional comments. When it comes to IE6 you'll be glad they are there!

CSS ID's/Classes
Here are the major divs. The rest can easily be discovered by simply viewing source:

Wizard NameCSS ID
Bodybody
Primary Wrapper#header_content_footer_wrapper
Secondary Wrapper#header_content_footer_wrapper_2
Content Wrapper#content_wrapper
Header#header, #header h1
Content#content
Footer#footer
Main Links - Wrapper#main_links
Main Links (individual)#main_links ul li a
Main Links - Group 1 Wrapper#main_link_group_1
Main Links - Group 1 Links#main_link_group_1 li a
Main Links - Group 2 Wrapper#main_link_group_2
Main Links - Group 2 Links#main_link_group_2 li a
General Teaser Settings.teaser
Teaser Headings.teaser_heading
Teasers - Group 1 Wrapper#teaser_group_1
Group 1 Teasers#teaser_group_1 div.teaser
Teasers - Group 2 Wrapper#teaser_group_2
Group 2 Teasers#teaser_group_2 div.teaser
Main Photo#site_photo
Page Headings#page_title
Popup Windowbody.popup
Sublinks.sublinks a
Pressed Sublinks.sublinks a.active
Headingsdiv#content .title
Entiresdiv#content .entry
Table Headingsdiv#content th
Table Borderdiv#content td
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