Content blocks

Content blocks are the building blocks of pages in SproutCMS. A number of these ship with SproutCMS and will need styling inside the skin CSS.

Each content block is wrapped inside a <div> with the class widget when output on the front-end.

For a full example of styling these content blocks, see global.css in the default skin provided with SproutCMS.

Modifier classes

Modifier classes are added to the wrapping <div> using a capitalised camel-case class unique to the content block type. These class names are preceded by "widget-". For example, the Map Directions content block wrapping <div> would look like this:

<div class="widget widget widget-MapDirections">...</div>