Blocks

Blockquotes

Blockquotes - also known as 'pull quotes' - can be used within a page to highlight a point within the text, or to quote a person.

  • It is effective at highlighting part of a post that you particularly want visitors to read.
  • Blockquotes can span the width of the central column (useful when there is not much text within the central column), or they can be floated left or right of the text.
  • Do not use quotation marks at the beginning/end of a quote as these are automatically added with CSS (cascading style sheet).
  • Also, try to limit the number of lines over which the quote runs - as a guide, no more than four lines.
  • Do not use blockquote for text indentation.

Some users have difficulty reading text when there is not enough contrast between foreground and background colours. In order to meet the W3C Web Content Accessibility Guidelines 2.0 Level AA, the following classes for background and foreground colours should not be used: fg-aqua, bg-aqua, fg-gold, bg-gold, fg-lime, bg-lime, fg-yellow and bg-yellow.

Default blockquote

Top of page

Blockquote with cite

Top of page

Blockquote floated right

Top of page

Blockquote floated left

Top of page

Coloured blockquote box

Top of page

Blockquote using Georgia

Top of page

Blockquote using Georgia with borders

Top of page