Theme in Kooboo is a folder name under Development/Themes. When a theme is applied to a site, all css files under that theme folder will be loaded into site pages. Kooboo uses standard CSS for theme. You can define a Theme by creating a folder under development/themes and putting all .css files or images in the folder. A theme can include sub folders for images or other files.

CSS files in a theme folder are loaded according their display order in the theme folder. You may use the UP/DOWN arrow to change their positions.


Each root folder under the themes folder is considered a different theme. You may load different themes to your website in the system setting.



You can define your own CSS file rendering rules. There is a file called Theme.rule, and If you want some CSS files rendered differently, you need to put the rules here. For example, you can put the code below in Theme.rule.

<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="msie.css" /><![endif]-->

in the front end site, during rendering, kooboo will search for the css file that matches and render it as:

<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/Theme/Default/msie.css" /><![endif]-->

Using theme in your pages

To use a theme in your page, first check to make sure that the layout this page uses has registered the stylesheet. You should find this syntax at the beginning of the layout.


And then you also need to enable it in the page by page level. It is enabled by default in the page level.