Style Page

This style guide demonstrates the default presentation of elements in a standard page. The page can also be used as a blueprint for how to present content within the theme in an effective way.

This is a test cover block


Buttons


Heading one

Heading two

Heading three

Heading four

Heading five
Heading six

Pullquote

The plullquote tag can be used to display a quote from a person or from another site. It can be as long or as short as you like, and it is displayed like this:

– Citation source

Quote

“Among the numerous luxuries of the table…coffee may be considered as one of the most valuable. It excites cheerfulness without intoxication; and the pleasing flow of spirits which it occasions…is never followed by sadness, languor or debility.”

Benjamin Franklin

Verse

Vestibulum eu odio. Morbi nec metus. Cras sagittis. Vestibulum eu odio. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam. In consectetuer turpis ut velit.

Lists

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

Mixed List

  1. List Item 1
    • List Item 1
    • List Item 2
      1. List Item 1
      2. List Item 2
        • List Item 1
        • List Item 2
        • List Item 3
      3. List Item 3
    • List Item 3
  2. List Item 2
  3. List Item 3

Columns & Table

Phasellus nec sem in justo pellentesque facilisis. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Etiam iaculis nunc ac metus.

In ut quam vitae odio lacinia tincidunt. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Curabitur nisi. Phasellus nec sem in justo pellentesque facilisis.

Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3

Post Media

Inline Images

These are inline images in and amongst the text. They naturally site inside of a paragraph block.

Left aligned

A left aligned typewriter.

This is a small caption added to the image to see how this is styled

This is an image of some sunglasses, aligned to the left. It also has a small caption. On smaller screen sizes, the image (and the caption) will clear the content and be centered in the content container. For the floated image to look good, the surrounding text will need to be of a certain length. That’s why I’m writing this filler text: A typewriter is a mechanical or electromechanical machine for writing in characters similar to those produced by printer’s movable type by means of keyboard-operated types striking a ribbon to transfer ink or carbon impressions onto the paper.

Right aligned

A right aligned typewriter.

This is an image of sheep, aligned to the right. It also has a small caption. On smaller screen sizes, the image (and the caption) will clear the content and be centred in the content container. For the floated image to look good, the surrounding text will need to be of a certain length. That’s why I’m writing this filler text: Typically one character is printed per keypress. The machine prints characters by making ink impressions of type elements similar to the sorts used in movable type letterpress printing.

Center aligned

A centre aligned image.

This is a centre aligned image. It also has a small caption. After their invention in the 1860s, typewriters quickly became indispensable tools for practically all writing other than personal correspondence. They were widely used by professional writers, in offices, and for business correspondence in homes.


Jetpack Tiled Gallery

The following gallery uses the Tiled Gallery functionality within Jetpack to display a gallery in a cool grid. To use it, install the Jetpack plugin and activate Tiled Galleries in the Jetpack settings. Images from Unsplash.

HTML

Fieldset


Code

<html>
   <head>
      <title>Test Code</title>
   </head>
   <body>
      <div class="test-wrapper">
         <h1>This is a test</h1>
      </div>
   </body>
</html>

Widgets

Archives




Layout Elements

Media / Text

Media / text widget

This element can have a title, text and links or buttons if needed.


Spacer


Columns

In auctor lobortis

In hac habitasse platea dictumst. Sed cursus turpis vitae tortor. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Vivamus in erat ut urna cursus vestibulum.

Pellentesque commodo

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Morbi ac felis. Quisque id odio.

Cras dapibus

Praesent ut ligula non mi varius sagittis. Etiam sit amet orci eget eros faucibus tincidunt. Vivamus consectetuer hendrerit lacus.

“We are committed to providing a service to the local community by looking after the deceased and their families with the utmost professionalism, dignity and respect”

Company Address

Main Office
2, Hilda House, The Square,
Pencoed, Bridgend
CF35 5NP

Scroll to Top