The style guide provides you with a blueprint of Puzzle’s default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.
Typography treatment
Puzzle pays special attention to typography and type treatment, which really underscores and compliments your content across all devices.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Blockquote
The blockquote is used to indicate the quotation of a large section of text from another source.
Those of us that had been up all night were in no mood for coffee and donuts, we wanted strong drink. We were, after all, the absolute cream of the National Sporting Press.
Mixed list items
Writing in Markdown is really easy. In the left hand panel of Ghost, you simply write as you normally would. Where appropriate, you can use shortcuts to style your content. For example, a list:
- Unordered list item one
- Unordered list item two
- A nested item
- Unordered list item three
- Remember to buy some beer
- Drink the beer
- Tweet that I remembered to buy the beer, and drank it
Code formatting
Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>
, or within a pre
block.
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
Table styles
Fast | Medium | Slow |
---|---|---|
The Cobra | Teahupoo | Shark Island |
Speedies, Gnaraloo | Banzai Pipeline | -- |
Lagundri Bay, Superbank | Jeffreys Bay, Bells Beach | Angourie Point |
Highlight Text Style
To use the highlight, you simply need to add ==
before and after the highlighted text.
Image gallery




