Layouts

The layout settings manage the positioning of different layout parts.

This section makes the arrangement of your content very easy and flexible. You can enable or disable system output, define the layout of the theme's widget or module positions and select a style you created in the customizer. Additionally you have the possibility to store your modifications in a layout profile and assign it to different pages.


Style

This option enables you to assign a style to your layout. In addition with the customizer and the layout manager this makes styling your pages very flexible.


Content

This option allows you to hide the main system output. This is useful, if you want to position only modules on certain pages, without leaving redundant space.


The Warp framework provides the following layout options for the sidebars.

Setting Description
Width Choose from the provided percent values to set the sidebar width.
Alignment Define, whether the sidebar is published on the left or right side of the content.

The sidebar settings allow you to create a fully functional multi-column layout. The only requirement is to publish a module on a sidebar position to display the selected alignment.


Grid

This table gives you an overview of the grid layout settings.

Setting Description
Layout Define, whether modules are positioned side-by-side, stacked vertically or first doubled.
Responsive Define, on which devices modules take up full width and stack vertically.
Divider Add a vertical divider between parallel or first doubled wmodules to separate them from each other.

For more information on modules, take a look at the Module Positions tutorial.


Layout Manager

The layout manager allows you to create new layouts and assign them to different pages. Warp provides a default layout as a reference.

Create a New Layout

To create a new layout, follow these steps:

  1. Hit Add and enter a name to create a layout.
  2. That's it! You can start customizing your layout.
  3. Finally, assign your layout to the appropriate pages within the scrollable box at the bottom of the layout setting page.

Important You can't assign two different layouts to one page.

Warp Themes