Sidebar Hero Headers

Change image, opacity, gradient.


This page has no gradient, no opacity, no title, no slogan and no logo. The other demo pages have a mix between 5 gradients, 4 opacity settings and 5 included header images. You can even very easily use your own image instead. The meta titles and logo are also easily switched on and off.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Content Areas - Check to “hide”:

  • Hide Sidebar
  • Hide Extra Content 1
  • Hide Extra Content 2
  • Hide Extra Content 3
  • Hide Extra Content 4
  • Hide Logo
  • Hide Navigation

Header Gradients:

  • No gradient
  • Gradient 1
  • Gradient 2
  • Gradient 3
  • Gradient 4
  • Gradient 5

Font:

  • Calibri + Rockwell
  • Open Sans
  • Arvo
  • Droid
  • Lato
  • Sans Serif
  • Serif

Header Colours:

  • Site Title
  • Site Slogan
  • Navigation Background
  • Navigation Text
  • Navigation Text Hover

Extra Content 1 Colours:

  • Text

Extra Content 3 Colours:

  • Text
  • Background
  • Accent Line

Other Colours:

  • Form Field Background
  • Form Field Text
  • Form Field Background Focus
  • Form Field Text Focus
  • Form Button Background
  • Form Button Text
  • Form Button Hover

Header:

  • Header 1
  • Header 2
  • Header 3
  • Header 4
  • Header 5
  • No Header

Header Opacity:

  • Opacity .65
  • Opacity .75
  • Opacity .85
  • Opacity .95
  • No opacity

Font Size:

  • Normal
  • Bigger
  • Biggest

Body Colours:

  • Body Background
  • Headers
  • Body Text
  • Links
  • Blockquote

Footer Colours:

  • Footer Text
  • Footer Link

Extra Content 2 Colours:

  • Text
  • Background
  • Accent Line

Extra Content 4 Colours:

  • Text
  • Background
  • Accent Line