CSS

Short Description

Lets you add custom CSS to any page

The CSS module lets you insert CSS code into a wiki page. This is particularly useful for cross-site include (CSI) packages that need to use custom styling for their code. When you use the CSS module in a CSI, that CSS code will be included in all pages that use the CSI.

The syntax for the CSS module is:

[[module CSS arguments...]]
CSS code
[[/module]]

Example

This example hides the side-bar menu on a single page (on themes with an elastic main-content):

[[module CSS]]
#side-bar { 
    visibility: hidden; 
    width: 0
}
[[/module]]

Arguments

You can render the module's CSS code on the page in a [[code type="css"]] block by adding:

  • show="true"

You can disable the module's CSS code so that it doesn't affect the theme by adding:

  • disable="true"

Multiple CSS modules

A single page can contain any number of CSS modules. Their code will be output, in order, in the page's HTML header.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License