🚀
PlanetStyles Theme Documentation
  • 👋Intrdouction
  • 🏃Getting started
    • How to install our phpBB themes
    • How to install phpBB extensions
    • How to update theme to new version
    • How to update extension to new version
    • How to edit code files
    • How to purge cache
    • How to set new theme as default
    • How to add your own code to our themes
  • 🛠️Troubleshooting
    • Theme not showing in "install styles" list
    • Extension not showing in "manage extensions"
    • Unable to find template "ajax.js"
    • HTTP error 500
    • No colours are showing up
    • Advance BBCode box on Milk theme
    • "missing style.css stylesheet"
  • ✨Feature Guides
    • 🥛Milk theme
      • Milk: Favicon
      • Milk: Logo
      • Milk: Header background
      • Milk: Navbar position
      • Milk: Font options
      • Milk: Layout width
      • Milk: Light / dark options
      • Milk: Accent colour options
      • Milk: Forum list options
      • Milk: Content block headers
      • Milk: Sidebar options
      • Milk: Social footer options
      • Milk: Post profile side
      • Milk: Collapsible panels
      • Milk: Scroll to top
      • Milk: Rounded corner options
      • Milk: Forum icon options
      • Milk: Global <head> code
Powered by GitBook
On this page
  • Header location
  • Upload or change header background image
  • Remove header background image
  • Header options

Was this helpful?

  1. Feature Guides
  2. Milk theme

Milk: Header background

Last updated 1 year ago

Was this helpful?

Header location

The header is located at the top of every page.

By default its background colour will inherit the accent colour you have chosen.


Upload or change header background image

  1. Open FlightDeck extension (control panel)

  2. Next to "Header background upload" , click "Browse"

  3. Select your header image file from your computer or device

  4. Click Submit


Remove header background image

  1. Open the FlightDeck extension (control panel)

  2. Find "Header image location"

  3. Delete the file path from the box

  4. Submit


Header options

The following options are configured in the FlightDeck control panel:

Option name
Values
Output

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

Not applicable if the stretch or parallax options (below) are enabled.

repeat-x

repeat-y

repeat

no-repeat

[image needed]

Header Background Position Sets the header background starting position.

Not applicable when the parallax option (below) is enabled.

  • 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]

[image needed]

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

No

[image needed]

Yes

[image needed]

Header Background Overlay Overlay that goes over the header background image.

None

[image needed]

Colour Overlay

[image needed]

Darken

[image needed]

Parallax Header Subtly moves the header background when scrolling.

Note: Requires the background image to be taller than the visible header space

No

[image needed]

Yes

[image needed]

Animated Header Particles Enables an animated geometric overlay across the header.

No

Yes

✨
🥛