Add Layout

So, you want to get custom with your page layouts. No problem. Shift makes this easy. You can create layouts with as many different columns or rows as you'd like. You can then insert your blocks into your custom layout. This gives you unlimited possibilities of how you'd like to layout your page.

To add your own layouts, simply click on the 'Add to' option below the area you want to insert your own layout, and select 'Add Layout'. Choose the number of columns, and rows you want in your layout. So that your columns aren't hard up against each other, it's a good idea to put in a default spacing of say, 20 pixels.

You can put as many blocks as you'd like in each of your columns, or move blocks around your columns. This gives you incredible flexibility. To add vertical spacing in between blocks, use your 'spacer' block.

Please be aware, layouts aren't tables. If you need to create a table, with a spreadsheet-like grid of your content with everything lining up, you can create a table from your content block. We recommend against tables, as from our experience, they tend to make websites look messy.

As you probably know, your website comes preset with different page types, featuring common layouts like full width pages, left sidebar pages, or right sidebar pages. These layouts suit most people. We recommend you base your page designs off of these page types without using any custom layouts, because the best looking websites usually keep a consistent look. If you'd like to get custom however, Shift offers you great flexibility with the 'Add Layout' app.

If you want to get custom, what you'd do is use the page types in conjunction with adding your own layouts to create the perfect page design. For example, let's say you'd like to make your left sidebar bigger. Since you can't change the size of the pre-set page designs, what you'd actually do is first select the 'full width' page type. This will act as a blank canvas for you to get creative.

You'd then click 'Add To Main', and 'add layout'. You'd select a two column, one row layout, with say, 50 pixels separating the columns. This will produce your new layout on your page. You'd then want to click and drag the slider above the layout, and drag it to a width you see fit. Once you like the width you've created, it's a good idea to lock the layout. Do to do, click on the 'plus' icon at the top of the layout, and click 'Edit Layout', then tick 'lock widths'. You can of course add blocks to each column, by simply selecting 'Add to' below the column you've just created, and selecting 'add block'.

If you'd like to use this layout on other pages, it's a good idea to create a preset by ticking the box 'save this style as a new preset' and giving it a name. This means, the next time you select 'add layout', you can choose this preset from a dropdown menu.

At any time, you can edit your layout by clicking the plus icon above it. You can add columns or rows, or adjust spacing. By clicking this plus icon, you can also move the layout set up or down, or delete it.

The key thing to understand about creating custom layouts, is that they can be inserted anywhere in your content area, so you'll want to use a good page design as a starting point, and add your custom layout to slot into it.