Custom Stylesheet Examples

Here you can find some example stylesheets that can be used for formatting the document.

Important: Do not set the body and HTML height to 100% in the stylesheet if you are using cover pages. Set it to 99% instead.

Formatting headers

With the below example you can change the color of header1 to red and header2 to blue:

.wiki-content h1{ 
    color:red;
}
.wiki-content h2{ 
    color:blue;
}

If you want to change the style of the document title, you have to use another CSS class on header1:

.wiki-title h1{
    font-style: italic;
}

Formatting text

You can format bold texts by referring to the paragraph HTML element.

To change the text align to justify, include this in the stylesheet:

p{
    text-align:justify;
}

To strike through a text, use this:

p{
    text-decoration:line-through
}

Formatting bold text

You can format bold texts by referring to the strong HTML element.

For example, this code sets the color of the bold texts to blue:

strong{
    color:blue
}

Setting the page size (PDF only)

You can use the '@page' rule to set the page size.

You can use absolute values:

@page{
    size: <width> <height>;
}

Or you can use the paper size name:

@page{
    size: A4;
}

Using the page-bottom macro

Use the the page-bottom CSS class to format the page bottom macro.

.page-bottom{
  border: 1px solid red;
}

Using the code block macro

To have line breaks in code block macro, add the following:

pre{
  white-space: pre-wrap;
}