Customization

Drop this css rules to the page's custom css area to further customize your pages.

Fonts

• header title font size

#headerContainer h1 {font-size: 3em;}

• header slogan font size

#headerContainer h2 {font-size: 3em;}

• content top margin

#contentContainer {top: 120px;}

• set content text to bold

#content {font-weight: 900}

• paragraph text shadow

p {text-shadow: 1px 1px 1px black}

 

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's 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's css field, example:

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

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

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

 

Controls

Slideshow control buttons are generated by Font Awesome fonts.

To change the buttons first visit this page to get the desired code, than edit the buttons below:

http://fortawesome.github.io/Font-Awesome/cheatsheet/

• thumbnails

#thumbs-slide::before{content: "\f055"}

• play

.play::before{content: "\f055"}

• pause

.pause::before{content: "\f04b"}

• prev

#prevButton::before{content: "\f04c"}

• next

#nextButton::before{content: "\f055"}

 

Layout

• EC at Splash Page 2
  

#myExtraContent1 {top: 200px}