Content / help / theme .. concise-view << previous next >>


Your current theme is forest

Style testcard

Dark line-height & colors





A container is only for positioning with margin and padding. Containers have no color. Note: This container is already inside another container and so the padding / margin effect is increased. It is padding inside a padded area.


Tiles may have different colours. Tiles may contain images. The following image has class twenty far-right Biscuits MVC LOGO

Some words about how our themes work

Create a new theme by copying

Firstly, we have designed our theme to work in a way that allows you to easily copy a theme, rename it and start moifying that new theme. "Simple!" you might say .. but check out some other CMS & LMS systems, such as moodle. This is simply not possible!!!

Setting variables

A theme is merely a set of variables defining shape, colour and spacing. Spacing is related to shape, so you could say that A theme is the definition of shape and colour. So a theme is

Themes are a sub-directory of your biscuits directory called /themes, with further sub-directores for each theme.

Eg: Check your settings , look in the sub-directory /themes and find a directory with the name of your theme.

Three ways to implement CSS Style

Style works in all the usual ways as follows:

  1. You can have inline style inside >style< tags
  2. You can link to a CSS file.
    EG: <script src="/biscuits-8g/js/ajax-jquery-1.8.3.js"></script>
  3. You can incorporate a THEME

iBiscuits LOGO