StyleSheet

This page is intended to guide you to the ways to make pages of text on your website easy to read, interesting to the eye and most importantly in this day and age ‘Scannable’.

Most people browsing the internet have short attention spans for reading. To help combat this I have customised the basic page editor options to give you some powerful tools when you are creating pages and posts.

(this is Normal Paragraph Text, note how the first sentence of the page is automatically formatted)

Heading One – Used by the system for page titles

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Heading Two – Use for Page Section Titles

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Heading Three – Use for Page Section Sub Headings

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Heading Four – Use within a body of text to add weight or significance. Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Fusce sit amet erat sit amet neque varius sollicitudin.

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Heading Five – Mid Section Heading

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Heading Six – Mid Section Sub- Heading

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Heading Six – Mid Section Sub- Heading

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Heading Six – Mid Section Sub- Heading

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

Youtube Video – just paste the url of the video and WordPress will do the rest.

An Image with left  alignment, medium size setting. Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

An Image with right alignment, thumbnail size setting. Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

An Image with center alignment, large size setting.

Integer eros tortor, vestibulum at pharetra eget, pellentesque non mauris. Duis et porttitor ligula. Fusce sit amet erat sit amet neque varius sollicitudin. Ut bibendum est nunc, ac auctor erat posuere eu. Vestibulum ut eleifend metus. Integer aliquet vel ipsum et rutrum. Sed gravida enim at diam tincidunt congue. Nunc imperdiet est vel scelerisque tincidunt. Duis ultricies vel est a sodales. Vestibulum et leo sed ligula viverra rhoncus.

An Image Gallery. Columns 3, Size: Large