To further customise your theme copy&paste these rules at page inspector > header > custom css field, editing to taste.
Fonts
- header title font size
#headerContainer h1 {font-size: 3em; line-height: 1em}
- header slogan font size
#headerContainer h2 {font-size: 1em; line-height: 3em}
- navigation top level font size
#navContainer li a {font-size: 3em;}
- navigation next levels font size
#navContainer ul ul li a {font-size: 3em;}
- content top margin
#contentContainer {top: 120px;}
- set content text to bold
#content {font-weight: 900}
- set extra content 2 font size
#extraContainer2 {font-size: 12px}
- 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;}
Layout
- centers the slideshow carousel
.galleria-thumbnails {margin: 0 auto; }
- slideshow container's height
.galleria-stage {height: 50%;}
- hides slideshow info
.galleria-info {display: none!important}
- title + slogan margin
#headerContainer h1 {margin-top: 70px}
- hides the header
#headerContainer {display: none}
- hides the logo
#logoContainer {visibility: hidden;}
- logo margin from top
#logoContainer{margin-top: 25%}
- EC1 margin from top and width
#myExtraContent1 {margin-top: 10%; width:465px;}
- footer background color
#footerContainer{background-color: #000;}
- regulates sub-menus margin from top
#navContainer ul ul {top: 39px}
- sub-navigation to transparent
#navContainer ul ul {background-color: transparent}
- menu/navigation hidden
#navContainer {display: none}
Comments
0 comments
Article is closed for comments.