H2O: Header background options

Header location

The header is located at the top of every page.

Uploading or changing header background image

  1. Open H2O Theme Settings
  2. Next to "Header background upload" , click "Browse"
  3. Select your header image file from your computer or device
  4. Click Submit

Removing header background image

  1. Open H2O Theme Settings
  2. Find "Header image location"
  3. Delete the file path from the box
  4. Submit

Customisable header options

The following options are configured in the H2O Theme settings:

Option Name Values Output
Header Background Repeat

Defines whether the header background image will repeat, and along which axis / axes.

Note: Not applicable if the stretch or parallax options (below) are enabled.
repeat-x

repeat-y

repeat

no-repeat

Header Background Position

Sets the header background starting position.
  • left top [1]
  • left center [2]
  • left bottom [3]
  • center top [4]
  • center center [5]
  • center bottom [6]
  • right top [7]
  • right center [8]
  • right bottom [9]

Stretch header to background to fill space

Automatically resizes and scales the background image to fill all available space.
No

Yes

Header Background Image Transparency %

Ranges from 0-100% transparency.

Higher number = more transparent


30%

70%

Animated Header Particles

Enables an animated geometric overlay across the header.
No

a1

Yes

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.