+44(0)123 456 789

Sample Banner Image

Typography

Here are some of the typographic styles included in the Vision Theme:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Code:

In edit mode, click a block, choose "Design" and add the class of "code":

<div>Some code</div>

Lists

  • This is a list item
  • This is a list item
  • This is a list item
  • This is a list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item

Page Lists

Quotes

Donec bibendum ante ut nibh elementum facilisis. Proin molestie ut eros ut sollicitudin. Quisque eget aliquam ipsum.

Tables

Monday 9:00am to 5:30pm
Tuesday 9:00am to 5:30pm
Wednesday 9:00am to 5:30pm
Thursday 9:00am to 5:30pm
Friday 9:00am to 5:30pm
Saturday 9:00am to 5:30pm
Sunday 11:00am to 4:30pm

To disable the table striping click on the block containing the table and choose "Design".  Then in the CSS tab, add a class of "nostripe" (without the quotes).

Horizontal Rule


Spacers

You can easily add spacers to add extra space between things in your site.

For example, to add a 30 pixel high spacer, edit the page and add an HTML block.  In the block, add the following code:

<div class="spacer30"></div>

Note, spacers are available at 5px increments up to 100px, if you need a larger space, simply add more spacers!