Customizing KickApps CSS v2.1

Your KickApps-powered pages are generated from table-free HTML templates that are styled by one general stylesheet (ka_generalStyle.css) and 7 page-specific stylesheets. ka_generalStyle.css controls all of the global styles and initiates the cascade for common page elements (like headers). Here's a breakdown of the page-specific CSS files and the HTML templates that they apply to:

CSS File	Related HTML Template
ka_playPage.css	playPage.html
ka_listPage.css	searchPage.html
ka_managePage.css	myHome.html
ka_managePage.css	messaging.html
ka_managePage.css	form.html
ka_groupsPage.css	groupPage.html
messageBoard.css	messageBoard.html
forum.css	forum.html
discussion.css	reply.html

There are basically two ways to customize the CSS for your KickApps-powered pages:

Download all of the KickApps default CSS files and customize them individually.
Write a new sheet from scratch that only includes modified styles.

The former method is foolproof but time-consuming; the latter method is faster and results in a much shorter, more manageable sheet. Either way, we recommend that you use Firebug, a handy Mozilla add-on for debugging CSS (made by Joe Hewitt).

To get you started, we've put together a series of screenshots with labels for where to find the style rules that apply to various elements in some of the major pages. Feel free to post any questions to the KickDeveloper Message Board.