Choose your boxed style

With Prelude, you get six (6) page widths, sometimes referred to as a “boxed layout“. 

  1. Full Width (default)
  2. Boxed Width 1800px
  3. Boxed Width 1700px
  4. Boxed Width 1600px
  5. Boxed Width 1400px
  6. Boxed Width 1300px

This theme is designed with the Bootstrap grid layout, so if we take the full width page template as an example, your main content will have a standard width of 1190px. This theme is also responsive, so this will of course reduce in size as your viewing window decreases, but your boxed widths will max out to the sizes you see listed above. As your window shrinks, the smaller boxed widths will become full width of your browser window. Ultimately, the boxed sizes are quite large and are best suited for larger screen resolutions.

Let’s use my own monitor (2560px resolution) as an example as I change the page size to each one, starting from the full width (default) setting:

boxed styles 01

boxed styles 03

Make Your Choice

  1. Go to Appearance >> Customize >> Site Options
  2. Look for the “Boxed Style” setting and make your selection
    boxed settings
  3. Click “Save & Publish

Adjust the Boxed Style Margin Spacing

When you choose your boxed style, you can adjust the top and bottom margin spacing for the main page container. By default, the top is flush to the top of the browser window, but if you want more spacing to give a floating effect, this tutorial will do that.

  1. Go to Appearance >> Customize >> Site Options
  2. Look for the “Page Top & Bottom Space” setting and enter in your pixel value (only the number part, not the px part). For example, if you want 20px, just enter in 20 or keep it as the default of 0.
    boxed spacing
  3. Click “Save & Publish