History: Modifying an Existing Style Sheet

Preview of version: 2

Style sheet file

  1. Pick an existing CSS file from 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 the custom-theme sub-directories, into which you put TPL files--as we just did above)
  2. Copy the CSS file, rename it to match your new theme name, and keep it in the styles directory with all the other CSS files. For example, we would call ours screensite.css.
  3. Edit it to produce a style for your theme--selecting things like fonts, background colors and the behavior of hypertext links.
  4. If you wish to add images to your CSS style, it's best to create a subdirectory for them beneath the styles directory--giving it your theme's name.
    • For example, styles/screensite

We recommend the use of jalist.css as a basic theme that you can use to start your new theme. If you want to make a very detailed theme use subsilver.css as the model.

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