History: Modifying an Existing Style Sheet

Preview of version: 5

Style sheet file

  1. For the theme that you want to base a new theme on, find its CSS file in the styles directory. Please note that the CSS files are not in the templates directory tree. In a default Tiki installation, there are two directories named styles under the Tiki root:
    • styles (for CSS files)
    • templates/styles (for theme-specific sub-directories that contain .tpl files)
  2. Copy the CSS file, rename it to match your new theme name, and put it in the styles directory with all the other CSS files — for example, styles/newtheme.css.
  3. Edit newtheme.css to give your theme its style.
  4. If your theme is to use background and other images, it's best to create a subdirectory for them within the styles directory--giving it your theme's name.
    • For example, styles/newtheme

Places to start

jalist.css has generally been recommended as a basic theme to base a new theme on. An example of a more detailed theme in terms of CSS is 'subsilver.css''. It may also be useful to look at more recent theme's CSS files, such as planetfall.css. This file arranges selectors differently and has more commenting.

Since you can change the CSS file and you can override any template your themes can make your Tiki site look like anything you want. The only limit is your imagination.


Information Version
Wed 30 of Jun, 2010 07:27 GMT chibaguy Updated. 9
Sat 23 of May, 2009 05:57 GMT chibaguy Some updating for Tiki3.0. 8
Wed 08 of Oct, 2008 05:36 GMT chibaguy 7
Wed 08 of Oct, 2008 05:35 GMT chibaguy Some updating. 6
Thu 23 of Feb, 2006 04:37 GMT admin Planetfall.css note added. 5
Mon 20 of Feb, 2006 03:57 GMT chibaguy Copied improved. 4
Mon 20 of Feb, 2006 02:08 GMT chibaguy Small edits. 3
Mon 20 of Feb, 2006 02:01 GMT chibaguy Content transferred. 2
Fri 17 of Feb, 2006 02:41 GMT system created from structure 1

Switch Theme


Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config