2. Box typography

Notice: Default width: 100%

{typography box_white} Your text here {/typography}
{typography box_lightblue} Your text here {/typography}
{typography box_lightgreen} Your text here {/typography}
{typography box_lightorange} Your text here {/typography}
{typography box_blue} Your text here {/typography}
{typography box_red} Your text here {/typography}
{typography box_orange} Your text here {/typography}
{typography box_orange} Your text here {/typography}
{typography box_yellow} Your text here {/typography}
{typography box_green} Your text here {/typography}

2a) Box typography - float box with custom width

Notice: The box's width must be defined! The allowed units are px, % and em.

{typography box_white left=300px} Your text here {/typography}
{typography box_lightblue right=50%} Your text here {/typography}
{typography box_lightgreen none=20em} Your text here {/typography}

3. Quote typography

{typography quote} Your text here {/typography}
{typography quote_life} Your text here {/typography}
{typography quote_design} Your text here {/typography}

3a) Quote typography - float quote with custom width

Notice: The quotes's width must be defined! The allowed units are px, % and em.

{typography quote left=300px} Your text here {/typography}
{typography quote_life right=35%} Your text here {/typography}
{typography quote_design none=8em} Your text here {/typography}