MENU

VROOM Style Sheets

The Default Style Sheet

  • TBD: will include necessary styles for image placement, in-place editing, borders

CSS Files

Cascading Style Sheets (CSS) are managed as Includes, since they are snippets of code which may be included in a template. However, accessing them requires you to link directly to them via a 'virtual path', since they are stored in the database to allow for revision control.

First of all, you can create your CSS in the Template menu of the administration dashboard. Click CSS from the menu, then Add CSS, then create a reference with the extension (e.g. my-style.css), and then click Save Changes.

NOTE: When working with CSS files, you must add the relevant extension (e.g. .css), otherwise the system will think that the code is a regular Include.

Once you have created your CSS file, you can include it as you would normally through HTML using the following path:

/css/filename.css

An example below is taken from a header include which references both CSS and Javascript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>{page:title}</title>
    <link rel="stylesheet" type="text/css" href="/css/my-style.css" />
    <script type="text/javascript" src="/js/my-javascript.js"></script>
</head>
<body>
<!-- end header -->