This package provides a fairly simple way to create a custom page layout with 1, 2 or 3 columns. You can optionally disable the display of all the primary page elements like #page-title, #side-bar, #header, #breadcrumbs, etc. Columns can be set using pixels (fixed width) or percentages (fluid widths). Support is included for advanced CSS users so they can further customize the look and feel of the page.

To install this package in your site, create/edit these pages with the following content:

This page Contains this line
template:3column see sample template below

I highly recommend you create one or more static template pages for use with this CSS-CSI. Since there are a number of variables that can be passed to the include, and there are specific [[div]] ... [[/div]] blocks that must be part of your page content, it will be easiest to manage this way.


This CSI makes it possible to easily disable the page options and you may lose your ability to easily edit your page. If you hide the edit button, you can append /edit/true (i.e http://mywiki.wikidot.com/my-page/edit/true) to the URL of your page to open the editor.

The template page below is fully documented and has sample content to help you get started. You can see a live example of this CSI in action here: 3 Column CSI

If you find you're using multiple layouts based on this CSI, it would make sense for you to create multiple template pages. For example, you may want one template for a fluid 3 column layout and one for a fixed width 2 column layout.


Due to a bug in the Wikidot parser, I had to modify the [[include ... ]] line in the code below. Be sure to remove the "x_" from the front of the include statement after pasting the template page code into your own page.

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