Style Guide

Core wordpress blocks below

HEADINGS

default (h2)

default (h3)

default (h4)

default (h5)
default (h6)

STYLE B (h2)

STYLE B (h3)

STYLE B (h4)

STYLE B (h5)
STYLE B (h6)

Underline Style (h2)

Underline Style (h3)

Underline Style (h4)

Underline Style (h5)

BUTTONS

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et

dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

File Block

List Block

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4

‘Social Icons’ block (5.4)

Image Block (Standard width)

Image Block (Wide width)

Image Block (Full width)

Cover Image Block

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cursus eget nunc scelerisque viverra mauris in aliquam sem fringilla. Enim nec dui nunc mattis enim ut tellus.

Gallery Block

Columns Block

Phosfluorescently morph intuitive relationships rather than customer directed human capital. Dynamically customize turnkey information whereas orthogonal processes. Assertively deliver superior leadership skills whereas holistic outsourcing. Enthusiastically iterate enabled best practices vis-a-vis 24/365 communities.

Media & Text Block

  • text side can be flipped
  • image can be filled in area & then image focal point can be changed
  • full, wide widths & vertical text align options

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Group Block

H4 Heading in Group

This is a heading and paragraph in a group with a background colour selected

Quote Block (Give quoted text visual emphasis, usually from another source to support text)

Take up one idea, make that one idea your life. Think of it, dream of it, Live on that idea let the brain, muscles, nerves, every part of your body be full of that idea, and just leave every other idea alone. This is the way to success.

Swami Vivekananda

Quote Block (‘Large’ style)

Take up one idea, make that one idea your life. Think of it, dream of it, Live on that idea let the brain, muscles, nerves, every part of your body be full of that idea, and just leave every other idea alone. This is the way to success.

Swami Vivekananda

Pull Quote (Give special visual emphasis to a quote from your text)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a justo ante. Vivamus eget nisl ex. Etiam feugiat purus feugiat arcu scelerisque fermentum. Nullam ullamcorper euismod enim.

Lorem ipsum

Pull Quote (‘Solid’ style)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a justo ante. Vivamus eget nisl ex. Etiam feugiat purus feugiat arcu scelerisque fermentum. Nullam ullamcorper euismod enim.

Lorem ipsum

Code Block

@media only screen and (min-width: 960px) {

	body .alignfull {
		width: auto;
		max-width: 1000%;

		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}

	body .alignwide {
		width: auto;
		max-width: 1000%;
		margin-right: calc(25% - 25vw);
		margin-left: calc(25% - 25vw);
	}

	.alignwide img,
	.alignfull img {
		display: block;
		margin: 0 auto;
	}
}

Audio Block

Video Block

Custom HTML Block

This is a HTML block.

Preformatted Block

This is some preformatted text. Preformatted text keeps your s p a c e s, tabs and
linebreaks as they are.

Verse Block

Write poetry and other literary expressions honoring all spaces and line-breaks.

Table Block

header labelheader label
Row 1 column 1Row 1 column 2
Row 2 Column 1Row 2 column 2
Row 3 Column 1Row 2 column 2
table captio

Separator Block

Customised with colour settings




‘dots’ style



Spacer Block

Categories Block

Latest Posts Block

Twitter Embed Block

YouTube Embed Block

WordPress Embed Block

Vimeo Embed Block