🚀
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
  • Changing the layout width
  • Adjusting the width values
  • Responsive layout information

Was this helpful?

  1. Feature Guides
  2. Milk theme

Milk: Layout width

Milk has 2 available layout widths. This option controls the width of the white background container and navbar links.

Option name
Values
Output

Layout type Defines the content wrapper width

Fluid

(95% width)

Boxed

(1200px width)


Changing the layout width

  1. Open the FlightDeck extension (control panel)

  2. Find "Layout type"

  3. Set as required

  4. Submit


Adjusting the width values

The fluid width is defined in: yourforum.com/styles/Milk_v2/theme/merlin.css

.body-layout-Fluid #inner-wrap {
    width: 95%;
    margin: 0 auto;
}

The boxed width is defined in: yourforum.com/styles/Milk_v2/theme/responsive/large-desktops.css

    /* Fix the body layout for large desktop devices */
    .body-layout-Boxed .wrap {width: 1200px;}

Responsive layout information

  • Fluid layout is only applicable to viewports above 1200px width (unless changed manually, as above)

Last updated 1 year ago

Was this helpful?

See:

✨
🥛
How to edit code files