Site | Colours | Fonts | Customisations | Example | Sidebars & Widgets | Maps | Home Page
Colours used across the site ∧
Description
######
Description
######
Description
######
Description
######
Description
######
Description
######
Fonts used across the site ∧
(Paragraph) abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 | !@£$%^&*()_+;:'”,<.>/?
(H1) abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 | !@£$%^&*()_+;:'”,<.>/?
(H2) abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 | !@£$%^&*()_+;:'”,<.>/?
(H3) abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 | !@£$%^&*()_+;:'”,<.>/?
(H4) abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 | !@£$%^&*()_+;:'”,<.>/?
(H5) abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 | !@£$%^&*()_+;:'”,<.>/?
(H6) abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 | !@£$%^&*()_+;:'”,<.>/?
Default sample of BOLD text
H1 sample of BOLD text
H2 sample of BOLD text
H3 sample of BOLD text
H4 sample of BOLD text
H5 sample of BOLD text
H6 sample of BOLD text
Customisations ∧
Headings
H1
Height:
Web safe Font:
Line Height:
Font Weight:
Letter Spacing:
i N U S:
AA ab Ab:
Justified:
Color:
H2
Height:
Web safe Font:
Line Height:
Font Weight:
Letter Spacing:
i N U S:
AA ab Ab:
Justified:
Color:
H3
Height:
Web safe Font:
Line Height:
Font Weight: Bolder
Letter Spacing:
i N U S:
AA ab Ab:
Justified:
Color:
H4
Height:
Web safe Font:
Line Height:
Font Weight: 600
Letter Spacing:
i N U S:
AA ab Ab : X
Justified:
Color:
H5
Height:
Web safe Font:
Line Height:
Font Weight:
Letter Spacing:
i N U S:
AA ab Ab:
Justified:
Color:
H6
- Height:
- Web safe Font:
- Line Height:
- Font Weight:
- Letter Spacing:
- i N U
S: - AA ab Ab:
- Justified:
- Color:
Body
Body Background: #
Body Font
Height: 16
Web safe Font:
Line Height:
Font Weight:
Letter Spacing:
i N U S:
AA ab Ab:
Justified:
Color:
Body Link
i N B U S:
Color: 999999
Body Link Hover
i N B U S:
Color: #
Paragraph Margin
Margin Top: 0
Margin Right: Auto
Margin Bottom: -5
Margin Left: Auto
Layout Containers
Middle Container:
Content Container
Sidebar Container
Forms
Form Fields
Form Fields Focus
Form Buttons
Form Buttons Hover
Header
Header Wrap
Header Inner Background
Header Font
Header Link
Header Link Hover
Sticky Header
Sticky Header Wrap:
Sticky Header Logo:
Sticky Header Font:
Sticky Header Link:
Sticky Header Link Hover:
Site Logo & Tag Line
Site Logo
Text:
Size:
Font:
Line Height:
Font Weight:
Letter Spacing:
i N U S:
AA ab Ab:
Justified:
Colour: #
Site Tagline
Text:
Size:
Font:
Line Height:
Font Weight:
Letter Spacing:
i N U S:
AA ab Ab:
Justified:
Colour: #
Main Navigation
Menu Link:
Menu Link Hover:
Menu Active Link:
Menu Active Link Hover:
Dropdown Container:
Dropdown Link
Dropdown Link Hover
Side Bar
Sidebar Font
Sidebar Link
Sidebar Link Hover
Sidebar Widget Container
Sidebar Widget Title
Sidebar Widget List Styling
Post
Post Container
Post Title:
Text:
Size:
Font:
Height:
Weight:
Spacing:
Padding
Border
Colour: #
Post Title Hover:
Single Post Title:
Post Date:
More Link:
More Link Hover:
Footer
Footer Wrap
Footer Logo
Footer Inner
Footer Font
Footer Link
Footer Link Hover
Footer Menu Container
Footer Menu Link
Footer Menu Link Hover
Footer Widget Container
Footer Widget Title
Footer Widget List Styling
Back To Tp Button
Custom CSS
Reduces the gap between bulleted lists
li {margin: 0px; padding: 0px;}
Changing the Mobile Menu lines colour
.header-icons a#menu-icon {color: #ffffff;}
Example page ∧
Example text in (H2)
and how it looks when laid out with (H3)
If you want to go down to an H4 header it will look very much like this (H4)
This is what the body text looks like when it is across several lines, apologies for the latin it’s just I can not think what to type to get multiple lines and it’s much easier to fill it with unknown text.
Normal Justified: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper molestie lectus sagittis efficitur. Nam eget tellus metus. Quisque non imperdiet nulla, sed rhoncus leo. Donec feugiat ligula a orci ullamcorper rutrum. Quisque condimentum ex at leo tincidunt, eu laoreet mi mollis. Curabitur iaculis sollicitudin hendrerit. Phasellus porta tempor molestie. Aliquam non placerat velit. Quisque consequat neque mauris, ut accumsan dolor hendrerit ut. Phasellus tristique laoreet ornare. Integer semper, risus et tempus tempus, purus felis bibendum dolor, vitae pharetra lectus mauris ac quam. Curabitur pellentesque ante risus, sed malesuada lorem rhoncus quis. Phasellus imperdiet felis sollicitudin euismod tincidunt. Maecenas laoreet dolor a nulla ornare, sollicitudin placerat lacus dignissim. Quisque molestie finibus ex non euismod. Donec justo mi, dignissim vel purus nec, feugiat fringilla ante.
Centre Justified: Vivamus metus ex, sollicitudin sit amet maximus in, gravida et metus. Ut quis varius dui, nec dignissim massa. Fusce ut purus eros. Quisque congue, elit vel iaculis tincidunt, velit nisl accumsan orci, id tempor nibh eros quis magna. Mauris sit amet varius felis. Aenean elementum lobortis arcu. Quisque accumsan metus at est tempus, in scelerisque ipsum semper. Mauris vitae tristique nisi, ut placerat erat.
Right Justified: Morbi porta elementum mi in fringilla. Etiam fermentum, lacus eget pharetra tempus, elit dolor pulvinar mi, nec placerat elit lacus sit amet turpis. Phasellus ante mi, sodales at lorem quis, aliquam posuere nisl. Fusce gravida dolor magna, sit amet auctor eros malesuada quis. Fusce scelerisque pellentesque lacinia. Maecenas iaculis consectetur mauris, sed vehicula ipsum molestie quis. Duis eu nibh libero. Cras porttitor imperdiet varius. Pellentesque a imperdiet ipsum. In lobortis rhoncus nisi, ut pretium nunc hendrerit non.
Justified: Quisque ac ex sit amet leo vulputate pretium. Suspendisse eros ante, efficitur venenatis augue vulputate, vehicula finibus nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam sed aliquam urna, lacinia aliquam ante. Sed suscipit varius nisl interdum faucibus. Praesent suscipit diam in faucibus congue. Sed elementum quam id aliquet ultrices. Sed sit amet purus orci. Integer sed ligula maximus, consequat tortor sit amet, egestas felis. Quisque quis mattis nunc, in venenatis sem. Suspendisse auctor fermentum turpis vitae ullamcorper.