Styling wysiwyg content

The 2015 templates allow you to style wysiwyg content using the 'Style' dropdown menu.

The available styles are taken directly from Bootstrap's CSS and are described below.

text-left

Justifies text within the available horizontal space.

text-center

Centers text.

text-right

Right-aligns text.

text-justify

Justifies text within the available horizontal space.

text-nowrap

Prevents text from wrapping onto multiple lines.

text-lowercase

Displays all characters in lower case.

text-uppercase

Displays all characters in upper case.

text-capitalize

Capitalizes the first letter of each word.

lead

Slightly increases the font size and weight of paragraph text.

h1

Gives text the appearance of a h1 heading without using the <h1> tag.

h2

Gives text the appearance of a h2 heading without using the <h2> tag.

h3

Gives text the appearance of a h3 heading without using the <h3> tag.

h4

Gives text the appearance of a h4 heading without using the <h4> tag.

h5

Gives text the appearance of a h5 heading without using the <h5> tag.

h6

Gives text the appearance of a h6 heading without using the <h6> tag.

list-inline

Apply to a ordered or unordered list to display the list items horizontally.

table

Apples border and colorization styles to tables:

In the above example, the top two table cells are set as table headers. To designate cells as headers, right click on the cell contents can select Cell > Table Cell Properties from the context menu.

In the Table Cell Properties modal, set 'Cell Type' to 'Header'. Also set 'Scope' as appropriate. If the the header is positioned above it's applicable data cells, set 'Scope' to 'Column'. If the header is to the left of the data, set 'Scope' to 'Row'.