Customization

Google Fonts

Google has a great directory of fonts free to use. Implementing a Google font is quite straightforward: 

1. Choose your font from the Google Fonts site: http://www.google.com/webfonts
2. Embed the related link in the Page Inspector > Header > Custom Header field, example:

 

<link href="http://fonts.googleapis.com/css?family=Stint+Ultra+Expanded" rel="stylesheet" type="text/css">

• Embed the related CSS rule in the Page Inspector > Header > Custom CSS field, example:

 

body {font-family: 'Stint Ultra Expanded', cursive;}

• Fonts can also be applied to headings only, example:

 

h1, h2, h3, h4, h5, h6 {font-family: 'Stint Ultra Expanded', cursive;}

Foundation

This theme is based on the Zurb Foundation framework, we may freely access all Foundation snippets and functions at their websites: http://foundation.zurb.com

In order to use the JavaScript functions add this script at the page's Custom Header:

<script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.2.2/js/foundation.min.js"></script>

And this line at the page's Custom JavaScript field:

jQ(document).foundation();

 

 

Layout

Use these snippets at the Page Inspector > Header > Custom CSS

Header height

.header li .outer-header {height: 200px}