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:
- Choose your font from the Google Fonts site: http://www.google.com/webfonts
- 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}
Comments
0 comments
Article is closed for comments.